<!DOCTYPE html>
<!-- 
Template Name: Conquer - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0.3
Version: 1.5.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Purchase: http://themeforest.net/item/conquer-responsive-admin-dashboard-template/3716838?ref=keenthemes
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>Conquer | UI Features - Buttons</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<meta name="MobileOptimized" content="320">
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="assets/css/style-conquer.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/plugins.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
<link href="assets/css/custom.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<!-- BEGIN HEADER -->
<div class="header navbar navbar-inverse navbar-fixed-top">
	<!-- BEGIN TOP NAVIGATION BAR -->
	<div class="header-inner">
		<!-- BEGIN LOGO -->
		<a class="navbar-brand" href="index.html">
		<img src="assets/img/logo.png" alt="logo" class="img-responsive"/>
		</a>
		<form class="search-form search-form-header" role="form" action="index.html">
			<div class="input-icon right">
				<i class="fa fa-search"></i>
				<input type="text" class="form-control input-medium input-sm" name="query" placeholder="Search...">
			</div>
		</form>
		<!-- END LOGO -->
		<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		<a href="javascript:;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
		<img src="assets/img/menu-toggler.png" alt=""/>
		</a>
		<!-- END RESPONSIVE MENU TOGGLER -->
		<!-- BEGIN TOP NAVIGATION MENU -->
		<ul class="nav navbar-nav pull-right">
			<!-- BEGIN NOTIFICATION DROPDOWN -->
			<li class="dropdown" id="header_notification_bar">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
				<i class="fa fa-warning"></i>
				<span class="badge badge-success">
					 6
				</span>
				</a>
				<ul class="dropdown-menu extended notification">
					<li>
						<p>
							 You have 14 new notifications
						</p>
					</li>
					<li>
						<ul class="dropdown-menu-list scroller" style="height: 250px;">
							<li>
								<a href="#">
								<span class="label label-sm label-icon label-success">
									<i class="fa fa-plus"></i>
								</span>
								 New user registered.
								<span class="time">
									 Just now
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="label label-sm label-icon label-danger">
									<i class="fa fa-bolt"></i>
								</span>
								 Server #12 overloaded.
								<span class="time">
									 15 mins
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="label label-sm label-icon label-warning">
									<i class="fa fa-bell"></i>
								</span>
								 Server #2 not responding.
								<span class="time">
									 22 mins
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="label label-sm label-icon label-info">
									<i class="fa fa-bullhorn"></i>
								</span>
								 Application error.
								<span class="time">
									 40 mins
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="label label-sm label-icon label-danger">
									<i class="fa fa-bolt"></i>
								</span>
								 Database overloaded 68%.
								<span class="time">
									 2 hrs
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="label label-sm label-icon label-danger">
									<i class="fa fa-bolt"></i>
								</span>
								 2 user IP blocked.
								<span class="time">
									 5 hrs
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="label label-sm label-icon label-warning">
									<i class="fa fa-bell"></i>
								</span>
								 Storage Server #4 not responding.
								<span class="time">
									 45 mins
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="label label-sm label-icon label-info">
									<i class="fa fa-bullhorn"></i>
								</span>
								 System Error.
								<span class="time">
									 55 mins
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="label label-sm label-icon label-danger">
									<i class="fa fa-bolt"></i>
								</span>
								 Database overloaded 68%.
								<span class="time">
									 2 hrs
								</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="external">
						<a href="#">See all notifications <i class="fa fa-angle-right"></i></a>
					</li>
				</ul>
			</li>
			<!-- END NOTIFICATION DROPDOWN -->
			<!-- BEGIN INBOX DROPDOWN -->
			<li class="dropdown" id="header_inbox_bar">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
				<i class="fa fa-envelope"></i>
				<span class="badge badge-info">
					 5
				</span>
				</a>
				<ul class="dropdown-menu extended inbox">
					<li>
						<p>
							 You have 12 new messages
						</p>
					</li>
					<li>
						<ul class="dropdown-menu-list scroller" style="height: 250px;">
							<li>
								<a href="inbox.html?a=view">
								<span class="photo">
									<img src="./assets/img/avatar2.jpg" alt=""/>
								</span>
								<span class="subject">
									<span class="from">
										 Lisa Wong
									</span>
									<span class="time">
										 Just Now
									</span>
								</span>
								<span class="message">
									 Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh...
								</span>
								</a>
							</li>
							<li>
								<a href="inbox.html?a=view">
								<span class="photo">
									<img src="./assets/img/avatar3.jpg" alt=""/>
								</span>
								<span class="subject">
									<span class="from">
										 Richard Doe
									</span>
									<span class="time">
										 16 mins
									</span>
								</span>
								<span class="message">
									 Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh...
								</span>
								</a>
							</li>
							<li>
								<a href="inbox.html?a=view">
								<span class="photo">
									<img src="./assets/img/avatar1.jpg" alt=""/>
								</span>
								<span class="subject">
									<span class="from">
										 Bob Nilson
									</span>
									<span class="time">
										 2 hrs
									</span>
								</span>
								<span class="message">
									 Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh...
								</span>
								</a>
							</li>
							<li>
								<a href="inbox.html?a=view">
								<span class="photo">
									<img src="./assets/img/avatar2.jpg" alt=""/>
								</span>
								<span class="subject">
									<span class="from">
										 Lisa Wong
									</span>
									<span class="time">
										 40 mins
									</span>
								</span>
								<span class="message">
									 Vivamus sed auctor 40% nibh congue nibh...
								</span>
								</a>
							</li>
							<li>
								<a href="inbox.html?a=view">
								<span class="photo">
									<img src="./assets/img/avatar3.jpg" alt=""/>
								</span>
								<span class="subject">
									<span class="from">
										 Richard Doe
									</span>
									<span class="time">
										 46 mins
									</span>
								</span>
								<span class="message">
									 Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh...
								</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="external">
						<a href="inbox.html">See all messages <i class="fa fa-angle-right"></i></a>
					</li>
				</ul>
			</li>
			<!-- END INBOX DROPDOWN -->
			<!-- BEGIN TODO DROPDOWN -->
			<li class="dropdown" id="header_task_bar">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
				<i class="fa fa-check"></i>
				<span class="badge badge-warning">
					 5
				</span>
				</a>
				<ul class="dropdown-menu extended tasks">
					<li>
						<p>
							 You have 12 pending tasks
						</p>
					</li>
					<li>
						<ul class="dropdown-menu-list scroller" style="height: 250px;">
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 New release v1.2
									</span>
									<span class="percent">
										 30%
									</span>
								</span>
								<span class="progress">
									<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 40% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 Application deployment
									</span>
									<span class="percent">
										 65%
									</span>
								</span>
								<span class="progress progress-striped">
									<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 65% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 Mobile app release
									</span>
									<span class="percent">
										 98%
									</span>
								</span>
								<span class="progress">
									<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 98% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 Database migration
									</span>
									<span class="percent">
										 10%
									</span>
								</span>
								<span class="progress progress-striped">
									<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 10% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 Web server upgrade
									</span>
									<span class="percent">
										 58%
									</span>
								</span>
								<span class="progress progress-striped">
									<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 58% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 Mobile development
									</span>
									<span class="percent">
										 85%
									</span>
								</span>
								<span class="progress progress-striped">
									<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 85% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
							<li>
								<a href="#">
								<span class="task">
									<span class="desc">
										 New UI release
									</span>
									<span class="percent">
										 18%
									</span>
								</span>
								<span class="progress progress-striped">
									<span style="width: 18%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
										<span class="sr-only">
											 18% Complete
										</span>
									</span>
								</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="external">
						<a href="#">See all tasks <i class="fa fa-angle-right"></i></a>
					</li>
				</ul>
			</li>
			<!-- END TODO DROPDOWN -->
			<li class="devider">
				 &nbsp;
			</li>
			<!-- BEGIN USER LOGIN DROPDOWN -->
			<li class="dropdown user">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
				<img alt="" src="assets/img/avatar3_small.jpg"/>
				<span class="username">
					 Nick
				</span>
				<i class="fa fa-angle-down"></i>
				</a>
				<ul class="dropdown-menu">
					<li>
						<a href="extra_profile.html"><i class="fa fa-user"></i> My Profile</a>
					</li>
					<li>
						<a href="page_calendar.html"><i class="fa fa-calendar"></i> My Calendar</a>
					</li>
					<li>
						<a href="inbox.html"><i class="fa fa-envelope"></i> My Inbox
						<span class="badge badge-danger">
							 3
						</span>
						</a>
					</li>
					<li>
						<a href="#"><i class="fa fa-tasks"></i> My Tasks
						<span class="badge badge-success">
							 7
						</span>
						</a>
					</li>
					<li class="divider">
					</li>
				</li>
				<li>
					<a href="login.html"><i class="fa fa-key"></i> Log Out</a>
				</li>
			</ul>
		</li>
		<!-- END USER LOGIN DROPDOWN -->
	</ul>
	<!-- END TOP NAVIGATION MENU -->
</div>
<!-- END TOP NAVIGATION BAR -->
</div>
<!-- END HEADER -->
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
<!-- BEGIN SIDEBAR -->
<div class="page-sidebar-wrapper">
	<div class="page-sidebar-wrapper">
		<div class="page-sidebar navbar-collapse collapse">
			<!-- BEGIN SIDEBAR MENU -->
			<ul class="page-sidebar-menu">
				<li class="sidebar-toggler-wrapper">
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
					<div class="sidebar-toggler">
					</div>
					<div class="clearfix">
					</div>
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
				</li>
				<li>
					<form class="search-form" role="form" action="index.html" method="get">
						<div class="input-icon right">
							<i class="fa fa-search"></i>
							<input type="text" class="form-control input-medium input-sm" name="query" placeholder="Search...">
						</div>
					</form>
				</li>
				<li class="start ">
					<a href="index.html">
					<i class="fa fa-home"></i>
					<span class="title">
						Dashboard
					</span>
					</a>
				</li>
				<li class="">
					<a href="javascript:;">
					<i class="fa fa-cogs"></i>
					<span class="title">
						Page Layouts
					</span>
					<span class="arrow ">
					</span>
					</a>
					<ul class="sub-menu">
						<li>
							<a href="layout_session_timeout.html">
							<span class="badge badge-warning">
								new
							</span>
							Session Timeout</a>
						</li>
						<li>
							<a href="layout_idle_timeout.html">
							<span class="badge badge-important">
								new
							</span>
							User Idle Timeout</a>
						</li>
						<li>
							<a href="layout_language_bar.html">
							<span class="badge badge-important">
								new
							</span>
							Language Switch Bar</a>
						</li>
						<li>
							<a href="layout_disabled_menu.html">
							Disabled Menu Links</a>
						</li>
						<li>
							<a href="layout_sidebar_reversed.html">
							<span class="badge badge-success">
								new
							</span>
							Right Sidebar Page</a>
						</li>
						<li>
							<a href="layout_sidebar_fixed.html">
							Sidebar Fixed Page</a>
						</li>
						<li>
							<a href="layout_sidebar_closed.html">
							Sidebar Closed Page</a>
						</li>
						<li>
							<a href="layout_blank_page.html">
							Blank Page</a>
						</li>
						<li>
							<a href="layout_boxed_page.html">
							Boxed Page</a>
						</li>
						<li>
							<a href="layout_boxed_not_responsive.html">
							Non-Responsive Layout</a>
						</li>
						<li>
							<a href="layout_ajax.html">
							Content Loading via Ajax</a>
						</li>
					</ul>
				</li>
				<li class="active ">
					<a href="javascript:;">
					<i class="fa fa-bookmark"></i>
					<span class="title">
						UI Features
					</span>
					<span class="selected">
					</span>
					<span class="arrow open">
					</span>
					</a>
					<ul class="sub-menu">
						<li>
							<a href="ui_general.html">
							General</a>
						</li>
						<li class="active">
							<a href="ui_buttons.html">
							Buttons</a>
						</li>
						<li>
							<a href="ui_typography.html">
							Typography</a>
						</li>
						<li>
							<a href="ui_modals.html">
							Modals</a>
						</li>
						<li>
							<a href="ui_extended_modals.html">
							Extended Modals</a>
						</li>
						<li>
							<a href="ui_tabs_accordions_navs.html">
							Tabs, Accordions & Navs</a>
						</li>
						<li>
							<a href="ui_toastr.html">
							<span class="badge badge-warning">
								new
							</span>
							Toastr Notifications</a>
						</li>
						<li>
							<a href="ui_datepaginator.html">
							<span class="badge badge-success">
								new
							</span>
							Date Paginator</a>
						</li>
						<li>
							<a href="ui_tree.html">
							Tree View</a>
						</li>
						<li>
							<a href="ui_nestable.html">
							Nestable List</a>
						</li>
						<li>
							<a href="ui_ion_sliders.html">
							<span class="badge badge-important">
								new
							</span>
							Ion Range Sliders</a>
						</li>
						<li>
							<a href="ui_noui_sliders.html">
							<span class="badge badge-success">
								new
							</span>
							NoUI Range Sliders</a>
						</li>
						<li>
							<a href="ui_jqueryui_sliders.html">
							jQuery UI Sliders</a>
						</li>
						<li>
							<a href="ui_knob.html">
							Knob Circle Dials</a>
						</li>
					</ul>
				</li>
				<li class="">
					<a href="javascript:;">
					<i class="fa fa-table"></i>
					<span class="title">
						Form Stuff
					</span>
					<span class="arrow ">
					</span>
					</a>
					<ul class="sub-menu">
						<li>
							<a href="form_controls.html">
							Form Controls</a>
						</li>
						<li>
							<a href="form_layouts.html">
							Form Layouts</a>
						</li>
						<li>
							<a href="form_component.html">
							Form Components</a>
						</li>
						<li>
							<a href="form_editable.html">
							<span class="badge badge-warning">
								new
							</span>
							Form X-editable</a>
						</li>
						<li>
							<a href="form_wizard.html">
							Form Wizard</a>
						</li>
						<li>
							<a href="form_validation.html">
							Form Validation</a>
						</li>
						<li>
							<a href="form_image_crop.html">
							<span class="badge badge-important">
								new
							</span>
							Image Cropping</a>
						</li>
						<li>
							<a href="form_fileupload.html">
							Multiple File Upload</a>
						</li>
						<li>
							<a href="form_dropzone.html">
							Dropzone File Upload</a>
						</li>
					</ul>
				</li>
				<li class="">
					<a href="javascript:;">
					<i class="fa fa-sitemap"></i>
					<span class="title">
						Pages
					</span>
					<span class="arrow ">
					</span>
					</a>
					<ul class="sub-menu">
						<li>
							<a href="page_inbox.html">
							<span class="badge badge-important">
								4
							</span>
							Inbox</a>
						</li>
						<li>
							<a href="page_locked.html">
							User Locked</a>
						</li>
						<li>
							<a href="page_portfolio.html">
							<span class="badge badge-warning badge-roundless">
								new
							</span>
							Portfolio</a>
						</li>
						<li>
							<a href="page_blog.html">
							Blog</a>
						</li>
						<li>
							<a href="page_blog_item.html">
							Blog Post</a>
						</li>
						<li>
							<a href="page_about.html">
							About Us</a>
						</li>
						<li>
							<a href="page_contact.html">
							Contact Us</a>
						</li>
						<li>
							<a href="page_calendar.html">
							<span class="badge badge-important">
								14
							</span>
							Calendar</a>
						</li>
						<li>
							<a href="page_profile.html">
							User Profile</a>
						</li>
						<li>
							<a href="page_faq.html">
							FAQ</a>
						</li>
						<li>
							<a href="page_invoice.html">
							Invoice</a>
						</li>
						<li>
							<a href="page_pricing_table.html">
							Pricing Tables</a>
						</li>
						<li>
							<a href="page_404_option1.html">
							404 Page Option 1</a>
						</li>
						<li>
							<a href="page_404_option2.html">
							404 Page Option 2</a>
						</li>
						<li>
							<a href="page_500_option1.html">
							500 Page Option 1</a>
						</li>
						<li>
							<a href="page_500_option2.html">
							500 Page Option 2</a>
						</li>
					</ul>
				</li>
				<li>
					<a href="javascript:;">
					<i class="fa fa-folder-open"></i>
					<span class="title">
						4 Level Menu
					</span>
					<span class="arrow ">
					</span>
					</a>
					<ul class="sub-menu">
						<li>
							<a href="javascript:;">
							<i class="fa fa-cogs"></i> Item 1
							<span class="arrow">
							</span>
							</a>
							<ul class="sub-menu">
								<li>
									<a href="javascript:;">
									<i class="fa fa-user"></i>
									Sample Link 1
									<span class="arrow">
									</span>
									</a>
									<ul class="sub-menu">
										<li>
											<a href="#"><i class="fa fa-times"></i> Sample Link 1</a>
										</li>
										<li>
											<a href="#"><i class="fa fa-pencil"></i> Sample Link 1</a>
										</li>
										<li>
											<a href="#"><i class="fa fa-edit"></i> Sample Link 1</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#"><i class="fa fa-user"></i> Sample Link 1</a>
								</li>
								<li>
									<a href="#"><i class="fa fa-external-link"></i> Sample Link 2</a>
								</li>
								<li>
									<a href="#"><i class="fa fa-bell"></i> Sample Link 3</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="javascript:;">
							<i class="fa fa-globe"></i> Item 2
							<span class="arrow">
							</span>
							</a>
							<ul class="sub-menu">
								<li>
									<a href="#"><i class="fa fa-user"></i> Sample Link 1</a>
								</li>
								<li>
									<a href="#"><i class="fa fa-external-link"></i> Sample Link 1</a>
								</li>
								<li>
									<a href="#"><i class="fa fa-bell"></i> Sample Link 1</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#">
							<i class="fa fa-folder-open"></i>
							Item 3 </a>
						</li>
					</ul>
				</li>
				<li class="">
					<a href="javascript:;">
					<i class="fa fa-th"></i>
					<span class="title">
						Data Tables
					</span>
					<span class="arrow ">
					</span>
					</a>
					<ul class="sub-menu">
						<li>
							<a href="table_basic.html">
							Basic Tables</a>
						</li>
						<li>
							<a href="table_responsive.html">
							Responsive Tables</a>
						</li>
						<li>
							<a href="table_managed.html">
							Managed Tables</a>
						</li>
						<li>
							<a href="table_editable.html">
							Editable Tables</a>
						</li>
						<li>
							<a href="table_advanced.html">
							Advanced Tables</a>
						</li>
						<li>
							<a href="table_ajax.html">
							Ajax Datatables</a>
						</li>
					</ul>
				</li>
				<li class="">
					<a href="javascript:;">
					<i class="fa fa-file-text"></i>
					<span class="title">
						Portlets
					</span>
					<span class="arrow ">
					</span>
					</a>
					<ul class="sub-menu">
						<li>
							<a href="portlet_general.html">
							General Portlets</a>
						</li>
						<li>
							<a href="portlet_draggable.html">
							Draggable Portlets</a>
						</li>
					</ul>
				</li>
				<li class="">
					<a href="javascript:;">
					<i class="fa fa-map-marker"></i>
					<span class="title">
						Maps
					</span>
					<span class="arrow ">
					</span>
					</a>
					<ul class="sub-menu">
						<li>
							<a href="maps_google.html">
							Google Maps</a>
						</li>
						<li>
							<a href="maps_vector.html">
							Vector Maps</a>
						</li>
					</ul>
				</li>
				<li class="">
					<a href="charts.html">
					<i class="fa fa-bar-chart-o"></i>
					<span class="title">
						Visual Charts
					</span>
					</a>
				</li>
				<li class="last ">
					<a href="login.html">
					<i class="fa fa-user"></i>
					<span class="title">
						Login
					</span>
					</a>
				</li>
			</ul>
			<!-- END SIDEBAR MENU -->
		</div>
	</div>
</div>
<!-- END SIDEBAR -->
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
	<div class="page-content-wrapper">
		<div class="page-content">
			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
							<h4 class="modal-title">Modal title</h4>
						</div>
						<div class="modal-body">
							 Widget settings form goes here
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-success">Save changes</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
			</div>
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN STYLE CUSTOMIZER -->
			<div class="theme-panel hidden-xs hidden-sm">
				<div class="toggler">
					<i class="fa fa-gear"></i>
				</div>
				<div class="theme-options">
					<div class="theme-option theme-colors clearfix">
						<span>
							 Theme Color
						</span>
						<ul>
							<li class="color-black current color-default tooltips" data-style="default" data-original-title="Default">
							</li>
							<li class="color-grey tooltips" data-style="grey" data-original-title="Grey">
							</li>
							<li class="color-blue tooltips" data-style="blue" data-original-title="Blue">
							</li>
							<li class="color-red tooltips" data-style="red" data-original-title="Red">
							</li>
							<li class="color-light tooltips" data-style="light" data-original-title="Light">
							</li>
						</ul>
					</div>
					<div class="theme-option">
						<span>
							 Layout
						</span>
						<select class="layout-option form-control input-small">
							<option value="fluid" selected="selected">Fluid</option>
							<option value="boxed">Boxed</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Header
						</span>
						<select class="header-option form-control input-small">
							<option value="fixed" selected="selected">Fixed</option>
							<option value="default">Default</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Sidebar
						</span>
						<select class="sidebar-option form-control input-small">
							<option value="fixed">Fixed</option>
							<option value="default" selected="selected">Default</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Sidebar Position
						</span>
						<select class="sidebar-pos-option form-control input-small">
							<option value="left" selected="selected">Left</option>
							<option value="right">Right</option>
						</select>
					</div>
					<div class="theme-option">
						<span>
							 Footer
						</span>
						<select class="footer-option form-control input-small">
							<option value="fixed">Fixed</option>
							<option value="default" selected="selected">Default</option>
						</select>
					</div>
				</div>
			</div>
			<!-- END BEGIN STYLE CUSTOMIZER -->
			<!-- BEGIN PAGE HEADER-->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN PAGE TITLE & BREADCRUMB-->
					<h3 class="page-title">
					Buttons <small>buttons, icons, dropdowns and more</small>
					</h3>
					<ul class="page-breadcrumb breadcrumb">
						<li>
							<i class="fa fa-home"></i>
							<a href="index.html">Home</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li>
							<a href="#">UI Features</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li>
							<a href="#">Buttons</a>
						</li>
					</ul>
					<!-- END PAGE TITLE & BREADCRUMB-->
				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->
			<div class="row">
				<div class="col-md-6">
					<!-- BEGIN BUTTONS PORTLET-->
					<div class="portlet ">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i>Buttons
							</div>
							<div class="tools">
								<a href="javascript:;" class="collapse"></a>
								<a href="#portlet-config" data-toggle="modal" class="config"></a>
								<a href="javascript:;" class="reload"></a>
								<a href="javascript:;" class="remove"></a>
							</div>
						</div>
						<div class="portlet-body util-btn-margin-bottom-5">
							<div class="clearfix">
								<h4 class="block">Buttons</h4>
								<!-- Standard gray button with gradient -->
								<button type="button" class="btn btn-default">Default</button>
								<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
								<button type="button" class="btn btn-primary">Primary</button>
								<!-- Indicates a successful or positive action -->
								<button type="button" class="btn btn-success">Success</button>
								<!-- Contextual button for informational alert messages -->
								<button type="button" class="btn btn-info">Info</button>
								<!-- Indicates caution should be taken with this action -->
								<button type="button" class="btn btn-warning">Warning</button>
								<!-- Indicates a dangerous or potentially negative action -->
								<button type="button" class="btn btn-danger">Danger</button>
								<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
								<button type="button" class="btn btn-link">Link</button>
							</div>
							<div class="clearfix">
								<h4 class="block">Disabled</h4>
								<a href="#" class="btn btn-default disabled">Default</a>
								<a href="#" class="btn btn-primary">Success</a>
								<a href="#" class="btn btn-info disabled">Info</a>
								<a href="#" class="btn btn-warning disabled">Warning</a>
								<a href="#" class="btn btn-danger disabled">Danger</a>
								<a href="#" class="btn btn-link disabled">Link</a>
							</div>
							<div class="clearfix">
								<h4 class="block">Button Sizes</h4>
								<button type="button" class="btn btn-default btn-lg">Large button</button>
								<button type="button" class="btn btn-danger">Default button</button>
								<button type="button" class="btn btn-info btn-sm">Small button</button>
								<button type="button" class="btn btn-success btn-xs">Extra small button</button>
							</div>
							<div class="clearfix">
								<h4 class="block">Button Tags</h4>
								<a href="#" class="btn btn-default">Link</a>
								<button class="btn btn-default">Button</button>
								<input type="button" class="btn btn-default" value="Input">
								<input type="submit" class="btn btn-default" value="Submit">
							</div>
							<div class="clearfix">
								<h4 class="block">Block Buttons</h4>
								<a href="#" class="btn btn-default btn-block">Link</a>
								<button class="btn btn-info btn-block">Button</button>
								<input type="button" class="btn btn-danger btn-block" value="Input">
								<input type="submit" class="btn btn-primary btn-block" value="Submit">
							</div>
						</div>
					</div>
					<!-- END BUTTONS PORTLET-->
					<!-- BEGIN BUTTONS WITH ICONS PORTLET-->
					<div class="portlet tabbable">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i>Icon Buttons
							</div>
						</div>
						<div class="portlet-body util-btn-margin-bottom-5">
							<div class="tabbable portlet-tabs">
								<ul class="nav nav-tabs">
									<li class="">
										<a href="#dropdown_glyphicon" data-toggle="tab">Glyphicon</a>
									</li>
									<li class="active">
										<a href="#dropdown_fontawesome" data-toggle="tab">Fontawesome</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="dropdown_fontawesome">
										<div class="clearfix">
											<h4 class="block">Large Buttons with Font Awesome Icons</h4>
											<a href="#" class="btn btn-lg btn-default">Default <i class="fa fa-user"></i></a>
											<a href="#" class="btn btn-lg btn-danger">Danger <i class="fa fa-edit"></i></a>
											<a href="#" class="btn btn-lg btn-info"><i class="fa fa-file-alt"></i> Info</a>
											<a href="#" class="btn btn-lg btn-success">Success <i class="fa fa-font"></i></a>
											<a href="#" class="btn btn-lg btn-warning">Warning <i class="fa fa-search"></i></a>
											<a href="#" class="btn btn-lg btn-primary"><i class="fa fa-remove"></i> Primary</a>
											<a href="#" class="btn btn-lg btn-link">Link <i class="fa fa-plus"></i></a>
										</div>
										<div class="clearfix">
											<h4 class="block">Default Buttons with Font Awesome Icons</h4>
											<a href="#" class="btn btn-default">Default <i class="fa fa-user"></i></a>
											<a href="#" class="btn btn-danger">Danger <i class="fa fa-edit"></i></a>
											<a href="#" class="btn btn-info"><i class="fa fa-file-alt"></i> Info</a>
											<a href="#" class="btn btn-success">Success <i class="fa fa-font"></i></a>
											<a href="#" class="btn btn-warning">Warning <i class="fa fa-search"></i></a>
											<a href="#" class="btn btn-primary"><i class="fa fa-remove"></i> Primary</a>
											<a href="#" class="btn btn-link">Link <i class="fa fa-plus"></i></a>
										</div>
										<div class="clearfix">
											<h4 class="block">Small Buttons with Font Awesome Icons</h4>
											<a href="#" class="btn btn-sm btn-default">Default <i class="fa fa-user"></i></a>
											<a href="#" class="btn btn-sm btn-danger">Danger <i class="fa fa-edit"></i></a>
											<a href="#" class="btn btn-sm btn-info"><i class="fa fa-file-alt"></i> Info</a>
											<a href="#" class="btn btn-sm btn-success">Success <i class="fa fa-font"></i></a>
											<a href="#" class="btn btn-sm btn-warning">Warning <i class="fa fa-search"></i></a>
											<a href="#" class="btn btn-sm btn-primary"><i class="fa fa-remove"></i> Primary</a>
											<a href="#" class="btn btn-sm btn-link">Link <i class="fa fa-plus"></i></a>
										</div>
										<div class="clearfix">
											<h4 class="block">Extra Small Buttons with Font Awesome Icons</h4>
											<a href="#" class="btn btn-xs btn-default">Default <i class="fa fa-user"></i></a>
											<a href="#" class="btn btn-xs btn-danger">Danger <i class="fa fa-edit"></i></a>
											<a href="#" class="btn btn-xs btn-info"><i class="fa fa-file-alt"></i> Info</a>
											<a href="#" class="btn btn-xs btn-success">Success <i class="fa fa-font"></i></a>
											<a href="#" class="btn btn-xs btn-warning">Warning <i class="fa fa-search"></i></a>
											<a href="#" class="btn btn-xs btn-primary"><i class="fa fa-remove"></i> Primary</a>
											<a href="#" class="btn btn-xs btn-link">Link <i class="fa fa-plus"></i></a>
										</div>
										<div class="clearfix">
											<h4 class="block">Font Awesome Icon Only Buttons</h4>
											<a href="#" class="btn btn-default"><i class="fa fa-user"></i></a>
											<a href="#" class="btn btn-danger"><i class="fa fa-edit"></i></a>
											<a href="#" class="btn btn-info"><i class="fa fa-file-alt"></i></a>
											<a href="#" class="btn btn-success"><i class="fa fa-font"></i></a>
											<a href="#" class="btn btn-warning"><i class="fa fa-search"></i></a>
											<a href="#" class="btn btn-primary"><i class="fa fa-remove"></i></a>
											<a href="#" class="btn btn-success"><i class="fa fa-plus"></i></a>
											<a href="#" class="btn btn-link"><i class="fa fa-link"></i></a>
										</div>
									</div>
									<div class="tab-pane" id="dropdown_glyphicon">
										<div class="clearfix">
											<h4 class="block">Large Buttons with Font Awesome Icons</h4>
											<a href="#" class="btn btn-lg btn-default">Default
											<span class="glyphicon glyphicon-cog">
											</span>
											</a>
											<a href="#" class="btn btn-lg btn-danger">Danger
											<span class="glyphicon glyphicon-calendar">
											</span>
											</a>
											<a href="#" class="btn btn-lg btn-info">
											<span class="glyphicon glyphicon-font">
											</span>
											 Info</a>
											<a href="#" class="btn btn-lg btn-success">Success
											<span class="glyphicon glyphicon-gift">
											</span>
											</a>
											<a href="#" class="btn btn-lg btn-warning">Warning
											<span class="glyphicon glyphicon-pencil">
											</span>
											</a>
											<a href="#" class="btn btn-lg btn-primary">Primary
											<span class="glyphicon glyphicon-user">
											</span>
											</a>
											<a href="#" class="btn btn-lg btn-link">Link
											<span class="glyphicon glyphicon-link">
											</span>
											</a>
										</div>
										<div class="clearfix">
											<h4 class="block">Default Buttons with Font Awesome Icons</h4>
											<a href="#" class="btn btn-default">Default
											<span class="glyphicon glyphicon-cog">
											</span>
											</a>
											<a href="#" class="btn btn-danger">Danger
											<span class="glyphicon glyphicon-calendar">
											</span>
											</a>
											<a href="#" class="btn btn-info">
											<span class="glyphicon glyphicon-font">
											</span>
											 Info</a>
											<a href="#" class="btn btn-success">Success
											<span class="glyphicon glyphicon-gift">
											</span>
											</a>
											<a href="#" class="btn btn-warning">Warning
											<span class="glyphicon glyphicon-pencil">
											</span>
											</a>
											<a href="#" class="btn btn-primary">Primary
											<span class="glyphicon glyphicon-user">
											</span>
											</a>
											<a href="#" class="btn btn-link">Link
											<span class="glyphicon glyphicon-link">
											</span>
											</a>
										</div>
										<div class="clearfix">
											<h4 class="block">Small Buttons with Font Awesome Icons</h4>
											<a href="#" class="btn btn-sm btn-default">Default
											<span class="glyphicon glyphicon-cog">
											</span>
											</a>
											<a href="#" class="btn btn-sm btn-danger">Danger
											<span class="glyphicon glyphicon-calendar">
											</span>
											</a>
											<a href="#" class="btn btn-sm btn-info">
											<span class="glyphicon glyphicon-font">
											</span>
											 Info</a>
											<a href="#" class="btn btn-sm btn-success">Success
											<span class="glyphicon glyphicon-gift">
											</span>
											</a>
											<a href="#" class="btn btn-sm btn-warning">Warning
											<span class="glyphicon glyphicon-pencil">
											</span>
											</a>
											<a href="#" class="btn btn-sm btn-primary">Primary
											<span class="glyphicon glyphicon-user">
											</span>
											</a>
											<a href="#" class="btn btn-sm btn-link">Link
											<span class="glyphicon glyphicon-link">
											</span>
											</a>
										</div>
										<div class="clearfix">
											<h4 class="block">Extra Small Buttons with Font Awesome Icons</h4>
											<a href="#" class="btn btn-xs btn-default">Default
											<span class="glyphicon glyphicon-cog">
											</span>
											</a>
											<a href="#" class="btn btn-xs btn-danger">Danger
											<span class="glyphicon glyphicon-calendar">
											</span>
											</a>
											<a href="#" class="btn btn-xs btn-info">
											<span class="glyphicon glyphicon-font">
											</span>
											 Info</a>
											<a href="#" class="btn btn-xs btn-success">Success
											<span class="glyphicon glyphicon-gift">
											</span>
											</a>
											<a href="#" class="btn btn-xs btn-warning">Warning
											<span class="glyphicon glyphicon-pencil">
											</span>
											</a>
											<a href="#" class="btn btn-xs btn-primary">Primary
											<span class="glyphicon glyphicon-user">
											</span>
											</a>
											<a href="#" class="btn btn-xs btn-link">Link
											<span class="glyphicon glyphicon-link">
											</span>
											</a>
										</div>
										<div class="clearfix">
											<h4 class="block">Font Awesome Icon Only Buttons</h4>
											<a href="#" class="btn btn-default">
											<span class="glyphicon glyphicon-cog">
											</span>
											</a>
											<a href="#" class="btn btn-danger">
											<span class="glyphicon glyphicon-calendar">
											</span>
											</a>
											<a href="#" class="btn btn-info">
											<span class="glyphicon glyphicon-font">
											</span>
											</a>
											<a href="#" class="btn btn-success">
											<span class="glyphicon glyphicon-gift">
											</span>
											</a>
											<a href="#" class="btn btn-warning">
											<span class="glyphicon glyphicon-pencil">
											</span>
											</a>
											<a href="#" class="btn btn-success">
											<span class="glyphicon glyphicon-user">
											</span>
											</a>
											<a href="#" class="btn btn-primary">
											<span class="glyphicon glyphicon-link">
											</span>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- END BUTTONS WITH ICONS PORTLET-->
					<div class="portlet">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i>Font Awesome Styled Buttons
							</div>
							<div class="tools">
								<a href="javascript:;" class="collapse"></a>
								<a href="#portlet-config" data-toggle="modal" class="config"></a>
								<a href="javascript:;" class="reload"></a>
								<a href="javascript:;" class="remove"></a>
							</div>
						</div>
						<div class="portlet-body">
							<a href="#" class="icon-btn">
							<i class="fa fa-group"></i>
							<div>
								 Users
							</div>
							<span class="badge badge-important">
								 2
							</span>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-barcode"></i>
							<div>
								 Products
							</div>
							<span class="badge badge-success">
								 4
							</span>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-bar-chart-o"></i>
							<div>
								 Reports
							</div>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-sitemap"></i>
							<div>
								 Categories
							</div>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-calendar"></i>
							<div>
								 Calendar
							</div>
							<span class="badge badge-success">
								 4
							</span>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-envelope"></i>
							<div>
								 Inbox
							</div>
							<span class="badge badge-info">
								 12
							</span>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-bullhorn"></i>
							<div>
								 Notification
							</div>
							<span class="badge badge-important">
								 3
							</span>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-map-marker"></i>
							<div>
								 Locations
							</div>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-money"><i></i></i>
							<div>
								 Finance
							</div>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-plane"></i>
							<div>
								 Projects
							</div>
							<span class="badge badge-info">
								 21
							</span>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-thumbs-up"></i>
							<div>
								 Feedback
							</div>
							<span class="badge badge-info">
								 2
							</span>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-cloud"></i>
							<div>
								 Servers
							</div>
							<span class="badge badge-important">
								 2
							</span>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-globe"></i>
							<div>
								 Regions
							</div>
							</a>
							<a href="#" class="icon-btn">
							<i class="fa fa-heart-o"></i>
							<div>
								 Popularity
							</div>
							<span class="badge badge-info">
								 221
							</span>
							</a>
						</div>
					</div>
					<!-- BEGIN BLOCK BUTTONS PORTLET-->
					<div class="portlet">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i>List Social Icons(UL)
							</div>
							<div class="tools">
								<a href="javascript:;" class="collapse"></a>
								<a href="#portlet-config" data-toggle="modal" class="config"></a>
								<a href="javascript:;" class="reload"></a>
								<a href="javascript:;" class="remove"></a>
							</div>
						</div>
						<div class="portlet-body util-btn-margin-bottom-5">
							<ul class="social-icons">
								<li>
									<a href="#" data-original-title="amazon" class="amazon"></a>
								</li>
								<li>
									<a href="#" data-original-title="behance" class="behance"></a>
								</li>
								<li>
									<a href="#" data-original-title="blogger" class="blogger"></a>
								</li>
								<li>
									<a href="#" data-original-title="deviantart" class="deviantart"></a>
								</li>
								<li>
									<a href="#" data-original-title="dribbble" class="dribbble"></a>
								</li>
								<li>
									<a href="#" data-original-title="dropbox" class="dropbox"></a>
								</li>
								<li>
									<a href="#" data-original-title="facebook" class="facebook"></a>
								</li>
								<li>
									<a href="#" data-original-title="forrst" class="forrst"></a>
								</li>
								<li>
									<a href="#" data-original-title="github" class="github"></a>
								</li>
								<li>
									<a href="#" data-original-title="Goole Plus" class="googleplus"></a>
								</li>
								<li>
									<a href="#" data-original-title="jolicloud" class="jolicloud"></a>
								</li>
								<li>
									<a href="#" data-original-title="last-fm" class="last-fm"></a>
								</li>
								<li>
									<a href="#" data-original-title="linkedin" class="linkedin"></a>
								</li>
								<li>
									<a href="#" data-original-title="picasa" class="picasa"></a>
								</li>
								<li>
									<a href="#" data-original-title="pintrest" class="pintrest"></a>
								</li>
								<li>
									<a href="#" data-original-title="rss" class="rss"></a>
								</li>
								<li>
									<a href="#" data-original-title="skype" class="skype"></a>
								</li>
								<li>
									<a href="#" data-original-title="spotify" class="spotify"></a>
								</li>
								<li>
									<a href="#" data-original-title="stumbleupon" class="stumbleupon"></a>
								</li>
								<li>
									<a href="#" data-original-title="tumblr" class="tumblr"></a>
								</li>
								<li>
									<a href="#" data-original-title="twitter" class="twitter"></a>
								</li>
								<li>
									<a href="#" data-original-title="vimeo" class="vimeo"></a>
								</li>
								<li>
									<a href="#" data-original-title="wordpress" class="wordpress"></a>
								</li>
								<li>
									<a href="#" data-original-title="xing" class="xing"></a>
								</li>
								<li>
									<a href="#" data-original-title="yahoo" class="yahoo"></a>
								</li>
								<li>
									<a href="#" data-original-title="youtube" class="youtube"></a>
								</li>
								<li>
									<a href="#" data-original-title="vk" class="vk"></a>
								</li>
								<li>
									<a href="#" data-original-title="instagram" class="instagram"></a>
								</li>
								<li>
									<a href="#" data-original-title="reddit" class="reddit"></a>
								</li>
							</ul>
						</div>
					</div>
					<!-- END BLOCK BUTTONS PORTLET-->
					<!-- BEGIN BLOCK BUTTONS PORTLET-->
					<div class="portlet">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i>Inline Social Icons
							</div>
							<div class="tools">
								<a href="javascript:;" class="collapse"></a>
								<a href="#portlet-config" data-toggle="modal" class="config"></a>
								<a href="javascript:;" class="reload"></a>
								<a href="javascript:;" class="remove"></a>
							</div>
						</div>
						<div class="portlet-body util-btn-margin-bottom-5">
							<a href="#" data-original-title="amazon" class="social-icon amazon"></a>
							<a href="#" data-original-title="behance" class="social-icon behance"></a>
							<a href="#" data-original-title="blogger" class="social-icon blogger"></a>
							<a href="#" data-original-title="deviantart" class="social-icon deviantart"></a>
							<a href="#" data-original-title="dribbble" class="social-icon dribbble"></a>
							<a href="#" data-original-title="dropbox" class="social-icon dropbox"></a>
							<a href="#" data-original-title="facebook" class="social-icon facebook"></a>
							<a href="#" data-original-title="forrst" class="social-icon forrst"></a>
							<a href="#" data-original-title="github" class="social-icon github"></a>
							<a href="#" data-original-title="Goole Plus" class="social-icon googleplus"></a>
							<a href="#" data-original-title="jolicloud" class="social-icon jolicloud"></a>
							<a href="#" data-original-title="last-fm" class="social-icon last-fm"></a>
							<a href="#" data-original-title="linkedin" class="social-icon linkedin"></a>
							<a href="#" data-original-title="picasa" class="social-icon picasa"></a>
							<a href="#" data-original-title="pintrest" class="social-icon pintrest"></a>
							<a href="#" data-original-title="rss" class="social-icon rss"></a>
							<a href="#" data-original-title="skype" class="social-icon skype"></a>
							<a href="#" data-original-title="spotify" class="social-icon spotify"></a>
							<a href="#" data-original-title="stumbleupon" class="social-icon stumbleupon"></a>
							<a href="#" data-original-title="tumblr" class="social-icon tumblr"></a>
							<a href="#" data-original-title="twitter" class="social-icon twitter"></a>
							<a href="#" data-original-title="vimeo" class="social-icon vimeo"></a>
							<a href="#" data-original-title="wordpress" class="social-icon wordpress"></a>
							<a href="#" data-original-title="xing" class="social-icon xing"></a>
							<a href="#" data-original-title="yahoo" class="social-icon yahoo"></a>
							<a href="#" data-original-title="youtube" class="social-icon youtube"></a>
							<a href="#" data-original-title="vk" class="social-icon vk"></a>
							<a href="#" data-original-title="instagram" class="social-icon instagram"></a>
							<a href="#" data-original-title="reddit" class="social-icon reddit"></a>
						</div>
					</div>
					<!-- END BLOCK BUTTONS PORTLET-->
					<!-- BEGIN BLOCK BUTTONS PORTLET-->
					<div class="portlet">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i>Social Icons(Colored)
							</div>
							<div class="tools">
								<a href="javascript:;" class="collapse"></a>
								<a href="#portlet-config" data-toggle="modal" class="config"></a>
								<a href="javascript:;" class="reload"></a>
								<a href="javascript:;" class="remove"></a>
							</div>
						</div>
						<div class="portlet-body">
							<ul class="social-icons social-icons-color">
								<li>
									<a href="#" data-original-title="amazon" class="amazon"></a>
								</li>
								<li>
									<a href="#" data-original-title="behance" class="behance"></a>
								</li>
								<li>
									<a href="#" data-original-title="blogger" class="blogger"></a>
								</li>
								<li>
									<a href="#" data-original-title="deviantart" class="deviantart"></a>
								</li>
								<li>
									<a href="#" data-original-title="dribbble" class="dribbble"></a>
								</li>
								<li>
									<a href="#" data-original-title="dropbox" class="dropbox"></a>
								</li>
								<li>
									<a href="#" data-original-title="facebook" class="facebook"></a>
								</li>
								<li>
									<a href="#" data-original-title="forrst" class="forrst"></a>
								</li>
								<li>
									<a href="#" data-original-title="github" class="github"></a>
								</li>
								<li>
									<a href="#" data-original-title="Goole Plus" class="googleplus"></a>
								</li>
								<li>
									<a href="#" data-original-title="jolicloud" class="jolicloud"></a>
								</li>
								<li>
									<a href="#" data-original-title="last-fm" class="last-fm"></a>
								</li>
								<li>
									<a href="#" data-original-title="linkedin" class="linkedin"></a>
								</li>
								<li>
									<a href="#" data-original-title="picasa" class="picasa"></a>
								</li>
								<li>
									<a href="#" data-original-title="pintrest" class="pintrest"></a>
								</li>
								<li>
									<a href="#" data-original-title="rss" class="rss"></a>
								</li>
								<li>
									<a href="#" data-original-title="skype" class="skype"></a>
								</li>
								<li>
									<a href="#" data-original-title="spotify" class="spotify"></a>
								</li>
								<li>
									<a href="#" data-original-title="stumbleupon" class="stumbleupon"></a>
								</li>
								<li>
									<a href="#" data-original-title="tumblr" class="tumblr"></a>
								</li>
								<li>
									<a href="#" data-original-title="twitter" class="twitter"></a>
								</li>
								<li>
									<a href="#" data-original-title="vimeo" class="vimeo"></a>
								</li>
								<li>
									<a href="#" data-original-title="wordpress" class="wordpress"></a>
								</li>
								<li>
									<a href="#" data-original-title="xing" class="xing"></a>
								</li>
								<li>
									<a href="#" data-original-title="yahoo" class="yahoo"></a>
								</li>
								<li>
									<a href="#" data-original-title="youtube" class="youtube"></a>
								</li>
								<li>
									<a href="#" data-original-title="vk" class="vk"></a>
								</li>
								<li>
									<a href="#" data-original-title="instagram" class="instagram"></a>
								</li>
							</ul>
						</div>
					</div>
					<!-- END BLOCK BUTTONS PORTLET-->
					<!-- BEGIN BLOCK BUTTONS PORTLET-->
					<div class="portlet">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i>Inline Social Icons(Colored)
							</div>
							<div class="tools">
								<a href="javascript:;" class="collapse"></a>
								<a href="#portlet-config" data-toggle="modal" class="config"></a>
								<a href="javascript:;" class="reload"></a>
								<a href="javascript:;" class="remove"></a>
							</div>
						</div>
						<div class="portlet-body util-btn-margin-bottom-5">
							<a href="#" data-original-title="amazon" class="social-icon social-icon-color amazon"></a>
							<a href="#" data-original-title="behance" class="social-icon social-icon-color behance"></a>
							<a href="#" data-original-title="blogger" class="social-icon social-icon-color blogger"></a>
							<a href="#" data-original-title="deviantart" class="social-icon social-icon-color deviantart"></a>
							<a href="#" data-original-title="dribbble" class="social-icon social-icon-color dribbble"></a>
							<a href="#" data-original-title="dropbox" class="social-icon social-icon-color dropbox"></a>
							<a href="#" data-original-title="facebook" class="social-icon social-icon-color facebook"></a>
							<a href="#" data-original-title="forrst" class="social-icon social-icon-color forrst"></a>
							<a href="#" data-original-title="github" class="social-icon social-icon-color github"></a>
							<a href="#" data-original-title="Goole Plus" class="social-icon social-icon-color googleplus"></a>
							<a href="#" data-original-title="jolicloud" class="social-icon social-icon-color jolicloud"></a>
							<a href="#" data-original-title="last-fm" class="social-icon social-icon-color last-fm"></a>
							<a href="#" data-original-title="linkedin" class="social-icon social-icon-color linkedin"></a>
							<a href="#" data-original-title="picasa" class="social-icon social-icon-color picasa"></a>
							<a href="#" data-original-title="pintrest" class="social-icon social-icon-color pintrest"></a>
							<a href="#" data-original-title="rss" class="social-icon social-icon-color rss"></a>
							<a href="#" data-original-title="skype" class="social-icon social-icon-color skype"></a>
							<a href="#" data-original-title="spotify" class="social-icon social-icon-color spotify"></a>
							<a href="#" data-original-title="stumbleupon" class="social-icon social-icon-color stumbleupon"></a>
							<a href="#" data-original-title="tumblr" class="social-icon social-icon-color tumblr"></a>
							<a href="#" data-original-title="twitter" class="social-icon social-icon-color twitter"></a>
							<a href="#" data-original-title="vimeo" class="social-icon social-icon-color vimeo"></a>
							<a href="#" data-original-title="wordpress" class="social-icon social-icon-color wordpress"></a>
							<a href="#" data-original-title="xing" class="social-icon social-icon-color xing"></a>
							<a href="#" data-original-title="yahoo" class="social-icon social-icon-color yahoo"></a>
							<a href="#" data-original-title="youtube" class="social-icon social-icon-color youtube"></a>
							<a href="#" data-original-title="vk" class="social-icon social-icon-color vk"></a>
							<a href="#" data-original-title="instagram" class="social-icon social-icon-color instagram"></a>
							<a href="#" data-original-title="reddit" class="social-icon social-icon-color reddit"></a>
						</div>
					</div>
					<!-- END BLOCK BUTTONS PORTLET-->
				</div>
				<div class="col-md-6">
					<!-- BEGIN BLOCK BUTTONS PORTLET-->
					<div class="portlet">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i>Button Groups
							</div>
							<div class="tools">
								<a href="javascript:;" class="collapse"></a>
								<a href="#portlet-config" data-toggle="modal" class="config"></a>
								<a href="javascript:;" class="reload"></a>
								<a href="javascript:;" class="remove"></a>
							</div>
						</div>
						<div class="portlet-body">
							<div class="clearfix">
								<h4 class="block">Basic Example</h4>
								<div class="btn-group">
									<button type="button" class="btn btn-default">Left</button>
									<button type="button" class="btn btn-default">Middle</button>
									<button type="button" class="btn btn-default">Right</button>
								</div>
								<div class="btn-group btn-group-solid">
									<button type="button" class="btn btn-danger">Left</button>
									<button type="button" class="btn btn-warning">Middle</button>
									<button type="button" class="btn btn-success">Right</button>
								</div>
							</div>
							<div class="clearfix">
								<h4 class="block">Button Toolbar</h4>
								<div class="btn-toolbar margin-bottom-10">
									<div class="btn-group">
										<button type="button" class="btn btn-default">1</button>
										<button type="button" class="btn btn-default">2</button>
										<button type="button" class="btn btn-default">3</button>
										<button type="button" class="btn btn-default">4</button>
									</div>
									<div class="btn-group">
										<button type="button" class="btn btn-default">5</button>
										<button type="button" class="btn btn-default">6</button>
										<button type="button" class="btn btn-default">7</button>
									</div>
									<div class="btn-group">
										<button type="button" class="btn btn-default">8</button>
									</div>
								</div>
								<div class="btn-toolbar">
									<div class="btn-group btn-group-solid">
										<button type="button" class="btn btn-danger">1</button>
										<button type="button" class="btn btn-success">2</button>
										<button type="button" class="btn btn-info">3</button>
										<button type="button" class="btn btn-warning">4</button>
									</div>
									<div class="btn-group btn-group-solid">
										<button type="button" class="btn btn-info">5</button>
										<button type="button" class="btn btn-primary">6</button>
										<button type="button" class="btn btn-default">7</button>
									</div>
									<div class="btn-group btn-group-solid">
										<button type="button" class="btn btn-danger">8</button>
									</div>
								</div>
							</div>
							<div class="clearfix">
								<h4 class="block">Button Group Sizing</h4>
								<div class="btn-toolbar">
									<div class="btn-group btn-group-lg btn-group-solid margin-bottom-10">
										<button type="button" class="btn btn-danger">Left</button>
										<button type="button" class="btn btn-success">Middle</button>
										<button type="button" class="btn btn-info">Right</button>
									</div>
								</div>
								<div class="btn-toolbar margin-bottom-10">
									<div class="btn-group btn-group-solid">
										<button type="button" class="btn btn-danger">Left</button>
										<button type="button" class="btn btn-success">Middle</button>
										<button type="button" class="btn btn-info">Right</button>
									</div>
								</div>
								<div class="btn-toolbar margin-bottom-10">
									<div class="btn-group btn-group-sm btn-group-solid">
										<button type="button" class="btn btn-danger">Left</button>
										<button type="button" class="btn btn-success">Middle</button>
										<button type="button" class="btn btn-info">Right</button>
									</div>
								</div>
								<div class="btn-toolbar margin-bottom-10">
									<div class="btn-group btn-group-xs btn-group-solid">
										<button type="button" class="btn btn-danger">Left</button>
										<button type="button" class="btn btn-success">Middle</button>
										<button type="button" class="btn btn-info">Right</button>
									</div>
								</div>
							</div>
							<div class="clearfix">
								<h4 class="block">Nesting Button Group</h4>
								<div class="btn-group">
									<button type="button" class="btn btn-default"><i class="fa fa-user"></i> Profile</button>
									<button type="button" class="btn btn-default"><i class="fa fa-cogs"></i> Settings</button>
									<button type="button" class="btn btn-default"><i class="fa fa-bullhorn"></i> Feeds</button>
									<div class="btn-group">
										<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
										<i class="fa fa-ellipsis-horizontal"></i> More <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu">
											<li>
												<a href="#">Dropdown link</a>
											</li>
											<li>
												<a href="#">Dropdown link</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="clearfix margin-bottom-10">
								</div>
								<div class="btn-group btn-group-solid">
									<button type="button" class="btn btn-danger"><i class="fa fa-user"></i> Profile</button>
									<button type="button" class="btn btn-success"><i class="fa fa-cogs"></i> Settings</button>
									<button type="button" class="btn btn-info"><i class="fa fa-bullhorn"></i> Feeds</button>
									<div class="btn-group btn-group-solid">
										<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
										<i class="fa fa-ellipsis-horizontal"></i> More <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu">
											<li>
												<a href="#">Dropdown link</a>
											</li>
											<li>
												<a href="#">Dropdown link</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="clearfix">
								<h4 class="block">Vertical variation</h4>
								<div class="btn-group-vertical margin-right-10">
									<button type="button" class="btn btn-default">Button</button>
									<button type="button" class="btn btn-default">Button</button>
									<div class="btn-group">
										<button id="btnGroupVerticalDrop1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
										Dropdown <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop1">
											<li>
												<a href="#">Dropdown link</a>
											</li>
											<li>
												<a href="#">Dropdown link</a>
											</li>
										</ul>
									</div>
									<button type="button" class="btn btn-default">Button</button>
									<button type="button" class="btn btn-default">Button</button>
									<div class="btn-group">
										<button id="btnGroupVerticalDrop2" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
										Dropdown <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop2">
											<li>
												<a href="#">Dropdown link</a>
											</li>
											<li>
												<a href="#">Dropdown link</a>
											</li>
										</ul>
									</div>
									<div class="btn-group">
										<button id="btnGroupVerticalDrop3" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
										Dropdown <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop3">
											<li>
												<a href="#">Dropdown link</a>
											</li>
											<li>
												<a href="#">Dropdown link</a>
											</li>
										</ul>
									</div>
									<div class="btn-group">
										<button id="btnGroupVerticalDrop4" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
										Dropdown <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop4">
											<li>
												<a href="#">Dropdown link</a>
											</li>
											<li>
												<a href="#">Dropdown link</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="btn-group-vertical btn-group-solid">
									<button type="button" class="btn btn-info">Button</button>
									<button type="button" class="btn btn-success">Button</button>
									<div class="btn-group">
										<button id="btnGroupVerticalDrop5" type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
										Dropdown <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop5">
											<li>
												<a href="#">Dropdown link</a>
											</li>
											<li>
												<a href="#">Dropdown link</a>
											</li>
										</ul>
									</div>
									<button type="button" class="btn btn-danger">Button</button>
									<button type="button" class="btn btn-primary">Button</button>
									<div class="btn-group">
										<button id="btnGroupVerticalDrop6" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
										Dropdown <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop6">
											<li>
												<a href="#">Dropdown link</a>
											</li>
											<li>
												<a href="#">Dropdown link</a>
											</li>
										</ul>
									</div>
									<div class="btn-group">
										<button id="btnGroupVerticalDrop7" type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
										Dropdown <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop7">
											<li>
												<a href="#">Dropdown link</a>
											</li>
											<li>
												<a href="#">Dropdown link</a>
											</li>
										</ul>
									</div>
									<div class="btn-group">
										<button id="btnGroupVerticalDrop8" type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
										Dropdown <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop8">
											<li>
												<a href="#">Dropdown link</a>
											</li>
											<li>
												<a href="#">Dropdown link</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="clearfix">
								<h4 class="block">Justified Link Variation</h4>
								<div class="btn-group btn-group-justified">
									<a href="#" class="btn btn-default">Left</a>
									<a href="#" class="btn btn-default">Middle</a>
									<a href="#" class="btn btn-default">Right</a>
								</div>
								<div class="clearfix margin-bottom-10">
								</div>
								<div class="btn-group btn-group btn-group-justified">
									<a href="#" class="btn btn-danger">Left</a>
									<a href="#" class="btn btn-info">Middle</a>
									<a href="#" class="btn btn-success">Right</a>
								</div>
							</div>
						</div>
					</div>
					<!-- END BLOCK BUTTONS PORTLET-->
					<!-- BEGIN DROPDOWNS PORTLET-->
					<div class="portlet tabbable hide">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i>
								<span class="hidden-480">
									 Dropdowns
								</span>
							</div>
						</div>
						<div class="portlet-body form">
							<div class="tabbable portlet-tabs">
								<ul class="nav nav-tabs">
									<li>
										<a href="#dropdown_2" data-toggle="tab">Hoverable</a>
									</li>
									<li class="active">
										<a href="#dropdown_1" data-toggle="tab">Default</a>
									</li>
								</ul>
								<div class="tab-content">
									<div class="tab-pane active" id="dropdown_1">
										<h4 class="block">Dropdown buttons</h4>
										<div class="btn-group">
											<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
											Tools <i class="fa fa-angle-down"></i>
											</a>
											<ul class="dropdown-menu">
												<li>
													<a href="#">Settings
													<span class="badge badge-success">
														 3
													</span>
													</a>
												</li>
												<li>
													<a href="#">Preferences</a>
												</li>
												<li>
													<a href="#">Window Options</a>
												</li>
												<li>
													<a href="#">Help
													<span class="badge badge-important">
														 7
													</span>
													</a>
												</li>
											</ul>
										</div>
										<div class="btn-group">
											<button class="btn btn-danger dropdown-toggle" data-toggle="dropdown">Primary <i class="fa fa-angle-down"></i></button>
											<ul class="dropdown-menu">
												<li>
													<a href="#">Action</a>
												</li>
												<li>
													<a href="#">Another action
													<span class="badge badge-warning">
														 2
													</span>
													</a>
												</li>
												<li>
													<a href="#">Something else here</a>
												</li>
												<li class="divider">
												</li>
												<li>
													<a href="#">Separated link
													<span class="badge badge-info">
														 7
													</span>
													</a>
												</li>
											</ul>
										</div>
										<div class="btn-group">
											<button class="btn btn-info dropdown-toggle" data-toggle="dropdown">Success <i class="fa fa-angle-down"></i>
											</button>
											<ul class="dropdown-menu">
												<li>
													<a href="#">Action
													<span class="badge badge-inverse">
														 7
													</span>
													</a>
												</li>
												<li>
													<a href="#">Another action</a>
												</li>
												<li>
													<a href="#">Something else here</a>
												</li>
												<li class="divider">
												</li>
												<li>
													<a href="#">Separated link
													<span class="badge">
														 4
													</span>
													</a>
												</li>
											</ul>
										</div>
										<div class="btn-toolbar hide">
											<div class="btn-group">
												<button class="btn btn-success dropdown-toggle" data-toggle="dropdown">Success <i class="fa fa-angle-down"></i>
												</button>
												<ul class="dropdown-menu">
													<li>
														<a href="#">Action</a>
													</li>
													<li>
														<a href="#">Another action</a>
													</li>
													<li>
														<a href="#">Something else here</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">Separated link</a>
													</li>
												</ul>
											</div>
											<!-- /btn-group -->
											<div class="btn-group">
												<button class="btn btn-info dropdown-toggle" data-toggle="dropdown">Info <i class="fa fa-angle-down"></i>
												</button>
												<ul class="dropdown-menu">
													<li>
														<a href="#">Action</a>
													</li>
													<li>
														<a href="#">Another action</a>
													</li>
													<li>
														<a href="#">Something else here</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">Separated link</a>
													</li>
												</ul>
											</div>
											<!-- /btn-group -->
											<div class="btn-group">
												<button class="btn black dropdown-toggle" data-toggle="dropdown">Inverse <i class="fa fa-angle-down"></i>
												</button>
												<ul class="dropdown-menu opens-left">
													<li>
														<a href="#">Action</a>
													</li>
													<li>
														<a href="#">Another action</a>
													</li>
													<li>
														<a href="#">Something else here</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">Separated link</a>
													</li>
												</ul>
											</div>
											<!-- /btn-group -->
										</div>
										<h4 class="block">Dropdown button with icons</h4>
										<div class="btn-toolbar">
											<div class="btn-group">
												<a class="btn btn-success" href="#" data-toggle="dropdown">
												<i class="fa fa-user"></i> User <i class="fa fa-angle-down"></i>
												</a>
												<ul class="dropdown-menu">
													<li>
														<a href="#"><i class="fa fa-pencil"></i> Edit</a>
													</li>
													<li>
														<a href="#"><i class="fa fa-trash-o"></i> Delete</a>
													</li>
													<li>
														<a href="#"><i class="fa fa fa-ban"></i> Ban</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#"><i class="i"></i> Make admin</a>
													</li>
												</ul>
											</div>
											<div class="btn-group">
												<a class="btn btn-info" href="#" data-toggle="dropdown">
												<i class="fa fa-user"></i> Settings <i class="fa fa-angle-down"></i>
												</a>
												<ul class="dropdown-menu">
													<li>
														<a href="#"><i class="fa fa-plus"></i> Add</a>
													</li>
													<li>
														<a href="#"><i class="fa fa-trash-o"></i> Edit</a>
													</li>
													<li>
														<a href="#"><i class="fa fa-remove"></i> Delete</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#"><i class="i"></i> Full Settings</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="well">
										</div>
										<div class="well">
											<h4 class="block">Dropup menu options.</h4>
											<div class="btn-group">
												<button class="btn btn-info dropdown-toggle" data-toggle="dropdown">Info <i class="fa fa-angle-down"></i>
												</button>
												<ul class="dropdown-menu bottom-up">
													<li>
														<a href="#">Action</a>
													</li>
													<li>
														<a href="#">Another action</a>
													</li>
													<li>
														<a href="#">Something else here</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">Separated link</a>
													</li>
												</ul>
											</div>
											<div class="btn-group">
												<button class="btn black dropdown-toggle" data-toggle="dropdown">Inverse <i class="fa fa-angle-down"></i>
												</button>
												<ul class="dropdown-menu bottom-up">
													<li>
														<a href="#">Action</a>
													</li>
													<li>
														<a href="#">Another action</a>
													</li>
													<li>
														<a href="#">Something else here</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">Separated link</a>
													</li>
												</ul>
											</div>
											<p>
												<span class="label label-success">
													 NOTE:
												</span>
												 &nbsp; By adding <code>bottom-up</code> class you make dropup menu.
											</p>
										</div>
									</div>
									<div class="tab-pane" id="dropdown_2">
										<h4 class="block">Hoverable Dropdown Buttons</h4>
										<div class="btn-group">
											<a class="btn dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true" href="#">
											Tools <i class="fa fa-angle-down"></i>
											</a>
											<ul class="dropdown-menu">
												<li>
													<a href="#">Settings
													<span class="badge badge-success">
														 3
													</span>
													</a>
												</li>
												<li>
													<a href="#">Preferences</a>
												</li>
												<li>
													<a href="#">Window Options</a>
												</li>
												<li>
													<a href="#">Help
													<span class="badge badge-important">
														 7
													</span>
													</a>
												</li>
											</ul>
										</div>
										<div class="btn-group">
											<button class="btn btn-danger dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Primary <i class="fa fa-angle-down"></i></button>
											<ul class="dropdown-menu">
												<li>
													<a href="#">Action
													<span class="badge badge-warning">
														 7
													</span>
													</a>
												</li>
												<li>
													<a href="#">Another action
													<span class="badge badge-important">
														 2
													</span>
													</a>
												</li>
												<li>
													<a href="#">Something else here</a>
												</li>
												<li class="divider">
												</li>
												<li>
													<a href="#">Separated link
													<span class="badge badge-info">
														 4
													</span>
													</a>
												</li>
											</ul>
										</div>
										<div class="btn-group">
											<button class="btn btn-info dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Success <i class="fa fa-angle-down"></i>
											</button>
											<ul class="dropdown-menu">
												<li>
													<a href="#">Action
													<span class="badge badge-inverse">
														 7
													</span>
													</a>
												</li>
												<li>
													<a href="#">Another action</a>
												</li>
												<li>
													<a href="#">Something else here</a>
												</li>
												<li class="divider">
												</li>
												<li>
													<a href="#">Separated link
													<span class="badge">
														 4
													</span>
													</a>
												</li>
											</ul>
										</div>
										<div class="btn-toolbar hide">
											<div class="btn-group">
												<button class="btn btn-success dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Success <i class="fa fa-angle-down"></i>
												</button>
												<ul class="dropdown-menu">
													<li>
														<a href="#">Action</a>
													</li>
													<li>
														<a href="#">Another action</a>
													</li>
													<li>
														<a href="#">Something else here</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">Separated link</a>
													</li>
												</ul>
											</div>
											<!-- /btn-group -->
											<div class="btn-group">
												<button class="btn btn-info dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Info <i class="fa fa-angle-down"></i>
												</button>
												<ul class="dropdown-menu">
													<li>
														<a href="#">Action</a>
													</li>
													<li>
														<a href="#">Another action</a>
													</li>
													<li>
														<a href="#">Something else here</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">Separated link</a>
													</li>
												</ul>
											</div>
											<!-- /btn-group -->
											<div class="btn-group">
												<button class="btn black dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Inverse <i class="fa fa-angle-down"></i>
												</button>
												<ul class="dropdown-menu opens-left">
													<li>
														<a href="#">Action</a>
													</li>
													<li>
														<a href="#">Another action</a>
													</li>
													<li>
														<a href="#">Something else here</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">Separated link</a>
													</li>
												</ul>
											</div>
											<!-- /btn-group -->
										</div>
										<h4 class="block">Hoverable Dropdown Buttons with Icons</h4>
										<div class="btn-toolbar">
											<div class="btn-group">
												<a class="btn btn-success" href="#" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
												<i class="fa fa-user"></i> User <i class="fa fa-angle-down"></i>
												</a>
												<ul class="dropdown-menu">
													<li>
														<a href="#"><i class="fa fa-pencil"></i> Edit</a>
													</li>
													<li>
														<a href="#"><i class="fa fa-trash-o"></i> Delete</a>
													</li>
													<li>
														<a href="#"><i class="fa fa fa-ban"></i> Ban</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#"><i class="i"></i> Make admin</a>
													</li>
												</ul>
											</div>
											<div class="btn-group">
												<a class="btn btn-info" href="#" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
												<i class="fa fa-user"></i> Settings <i class="fa fa-angle-down"></i>
												</a>
												<ul class="dropdown-menu">
													<li>
														<a href="#"><i class="fa fa-plus"></i> Add</a>
													</li>
													<li>
														<a href="#"><i class="fa fa-trash-o"></i> Edit</a>
													</li>
													<li>
														<a href="#"><i class="fa fa-remove"></i> Delete</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#"><i class="i"></i> Full Settings</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="well">
											<h4 class="block">Hoverable Dropdown Buttons Dropdown with Checkboxes.</h4>
											<div class="btn-group">
												<a class="btn btn-success" href="#" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
												Options #1 <i class="fa fa-angle-down"></i>
												</a>
												<div class="dropdown-menu hold-on-click dropdown-checkboxes">
													<label><input type="checkbox">Option 1</label>
													<label><input type="checkbox">Option 2</label>
													<label><input type="checkbox">Option 3</label>
													<label><input type="checkbox">Option 4</label>
													<label><input type="checkbox">Option 5</label>
												</div>
											</div>
											<div class="btn-group">
												<a class="btn btn-danger" href="#" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
												Options #2 <i class="fa fa-angle-down"></i>
												</a>
												<div class="dropdown-menu hold-on-click dropdown-checkboxes">
													<label><input type="checkbox">Option 1</label>
													<label><input type="checkbox" checked>Option 2</label>
													<label><input type="checkbox">Option 3</label>
													<label><input type="checkbox" checked>Option 4</label>
													<label><input type="checkbox">Option 5</label>
												</div>
											</div>
											<p>
												<span class="label label-success">
													 NOTE:
												</span>
												 &nbsp; By adding <code>hold-on-click</code> class you can avoid closing the dropdown on click
											</p>
										</div>
										<div class="well">
											<h4 class="block">Hoverable Dropup Buttons.</h4>
											<div class="btn-group">
												<button class="btn btn-info dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Info <i class="fa fa-angle-down"></i>
												</button>
												<ul class="dropdown-menu bottom-up">
													<li>
														<a href="#">Action</a>
													</li>
													<li>
														<a href="#">Another action</a>
													</li>
													<li>
														<a href="#">Something else here</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">Separated link</a>
													</li>
												</ul>
											</div>
											<!-- /btn-group -->
											<div class="btn-group">
												<button class="btn black dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">Inverse <i class="fa fa-angle-down"></i>
												</button>
												<ul class="dropdown-menu bottom-up">
													<li>
														<a href="#">Action</a>
													</li>
													<li>
														<a href="#">Another action</a>
													</li>
													<li>
														<a href="#">Something else here</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">Separated link</a>
													</li>
												</ul>
											</div>
											<p>
												<span class="label label-success">
													 NOTE:
												</span>
												 &nbsp; By adding <code>bottom-up</code> class you make dropup menu.
											</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- END DROPDOWNS PORTLET-->
					<!-- BEGIN DROPDOWNS PORTLET-->
					<div class="portlet">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i> Button Dropdowns
							</div>
						</div>
						<div class="portlet-body util-btn-group-margin-bottom-5">
							<div class="clearfix">
								<h4 class="block">Default Bootstrap Style</h4>
								<div class="btn-group">
									<button type="button" class="btn btn-default">Default</button>
									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-primary">Primary</button>
									<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-success">Success</button>
									<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-info">Info</button>
									<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-warning">Warning</button>
									<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-danger">Danger</button>
									<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
							</div>
							<div class="clearfix">
								<h4 class="block">Conquer Style</h4>
								<div class="btn-group">
									<button type="button" class="btn btn-default">Default</button>
									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-info">Blue</button>
									<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-success">Green</button>
									<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-danger">Red</button>
									<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-warning">Yellow</button>
									<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-primary">Dark</button>
									<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
								<div class="btn-group">
									<button type="button" class="btn btn-info">Purple</button>
									<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- /btn-group -->
							</div>
							<div class="clearfix">
								<h4 class="block">Dropdowns with Multilevel Submenu</h4>
								<!-- Large button group -->
								<div class="btn-group">
									<button class="btn btn-info dropdown-toggle" type="button" data-toggle="dropdown">
									Dropdown <i class="fa fa-angle-down"></i>
									</button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li class="dropdown-submenu">
											<a href="javascript:;">
											More options </a>
											<ul class="dropdown-menu" style="">
												<li>
													<a href="#">Second level link</a>
												</li>
												<li class="dropdown-submenu">
													<a href="javascript:;">More options</a>
													<ul class="dropdown-menu">
														<li>
															<a href="index.html">Third level link</a>
														</li>
														<li>
															<a href="index.html">Third level link</a>
														</li>
														<li>
															<a href="index.html">Third level link</a>
														</li>
														<li>
															<a href="index.html">Third level link</a>
														</li>
														<li>
															<a href="index.html">Third level link</a>
														</li>
													</ul>
												</li>
												<li>
													<a href="index.html">Second level link</a>
												</li>
												<li>
													<a href="index.html">Second level link</a>
												</li>
												<li>
													<a href="index.html">Second level link</a>
												</li>
											</ul>
										</li>
									</ul>
								</div>
								<div class="btn-group dropup">
									<button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown">
									Dropup <i class="fa fa-angle-up"></i>
									</button>
									<ul class="dropdown-menu pull-right" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li class="dropdown-submenu">
											<a href="javascript:;">
											More options </a>
											<ul class="dropdown-menu" style="">
												<li>
													<a href="#">Second level link</a>
												</li>
												<li class="dropdown-submenu">
													<a href="javascript:;">More options</a>
													<ul class="dropdown-menu pull-right">
														<li>
															<a href="index.html">Third level link</a>
														</li>
														<li>
															<a href="index.html">Third level link</a>
														</li>
														<li>
															<a href="index.html">Third level link</a>
														</li>
														<li>
															<a href="index.html">Third level link</a>
														</li>
														<li>
															<a href="index.html">Third level link</a>
														</li>
													</ul>
												</li>
												<li>
													<a href="index.html">Second level link</a>
												</li>
												<li>
													<a href="index.html">Second level link</a>
												</li>
												<li>
													<a href="index.html">Second level link</a>
												</li>
											</ul>
										</li>
									</ul>
								</div>
							</div>
							<div class="clearfix">
								<h4 class="block">Sizing</h4>
								<!-- Large button group -->
								<div class="btn-group">
									<button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
									Large button <i class="fa fa-angle-down"></i>
									</button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- Small button group -->
								<div class="btn-group">
									<button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
									Small button <i class="fa fa-angle-down"></i>
									</button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- Extra small button group -->
								<div class="btn-group">
									<button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
									Extra small button <i class="fa fa-angle-down"></i>
									</button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<div class="clearfix margin-bottom-10">
								</div>
								<!-- Large button group -->
								<div class="btn-group">
									<button class="btn btn-danger btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
									Large button <i class="fa fa-angle-down"></i>
									</button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- Small button group -->
								<div class="btn-group">
									<button class="btn btn-info btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
									Small button <i class="fa fa-angle-down"></i>
									</button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
								<!-- Extra small button group -->
								<div class="btn-group">
									<button class="btn btn-success btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
									Extra small button <i class="fa fa-angle-down"></i>
									</button>
									<ul class="dropdown-menu" role="menu">
										<li>
											<a href="#">Action</a>
										</li>
										<li>
											<a href="#">Another action</a>
										</li>
										<li>
											<a href="#">Something else here</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">Separated link</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="clearfix">
								<h4 class="block">Dropup</h4>
								<div class="btn-toolbar margin-bottom-10">
									<div class="btn-group dropup">
										<button type="button" class="btn btn-default">Dropup</button>
										<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
										<ul class="dropdown-menu" role="menu">
											<li>
												<a href="#">Action</a>
											</li>
											<li>
												<a href="#">Another action</a>
											</li>
											<li>
												<a href="#">Something else here</a>
											</li>
											<li class="divider">
											</li>
											<li>
												<a href="#">Separated link</a>
											</li>
										</ul>
									</div>
									<!-- /btn-group -->
									<div class="btn-group dropup">
										<button type="button" class="btn btn-primary">Right dropup</button>
										<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
										<ul class="dropdown-menu pull-right" role="menu">
											<li>
												<a href="#">Action</a>
											</li>
											<li>
												<a href="#">Another action</a>
											</li>
											<li>
												<a href="#">Something else here</a>
											</li>
											<li class="divider">
											</li>
											<li>
												<a href="#">Separated link</a>
											</li>
										</ul>
									</div>
									<!-- /btn-group -->
								</div>
								<div class="btn-toolbar">
									<div class="btn-group dropup">
										<button type="button" class="btn btn-info">Dropup</button>
										<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
										<ul class="dropdown-menu" role="menu">
											<li>
												<a href="#">Action</a>
											</li>
											<li>
												<a href="#">Another action</a>
											</li>
											<li>
												<a href="#">Something else here</a>
											</li>
											<li class="divider">
											</li>
											<li>
												<a href="#">Separated link</a>
											</li>
										</ul>
									</div>
									<!-- /btn-group -->
									<div class="btn-group dropup">
										<button type="button" class="btn btn-success">Right dropup</button>
										<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
										<ul class="dropdown-menu pull-right" role="menu">
											<li>
												<a href="#">Action</a>
											</li>
											<li>
												<a href="#">Another action</a>
											</li>
											<li>
												<a href="#">Something else here</a>
											</li>
											<li class="divider">
											</li>
											<li>
												<a href="#">Separated link</a>
											</li>
										</ul>
									</div>
									<!-- /btn-group -->
								</div>
							</div>
							<div class="clearfix">
								<h4 class="block">Hoveralbe Dropdowns</h4>
								<div class="btn-toolbar margin-bottom-10">
									<div class="btn-group">
										<button type="button" class="btn btn-default">Dropdown</button>
										<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true"><i class="fa fa-angle-down"></i></button>
										<ul class="dropdown-menu" role="menu">
											<li>
												<a href="#">Action</a>
											</li>
											<li>
												<a href="#">Another action</a>
											</li>
											<li>
												<a href="#">Something else here</a>
											</li>
											<li class="divider">
											</li>
											<li>
												<a href="#">Separated link</a>
											</li>
										</ul>
									</div>
									<!-- /btn-group -->
									<div class="btn-group dropup">
										<button type="button" class="btn btn-primary">Dropup</button>
										<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true"><i class="fa fa-angle-up"></i></button>
										<ul class="dropdown-menu" role="menu">
											<li>
												<a href="#">Action</a>
											</li>
											<li>
												<a href="#">Another action</a>
											</li>
											<li>
												<a href="#">Something else here</a>
											</li>
											<li class="divider">
											</li>
											<li>
												<a href="#">Separated link</a>
											</li>
										</ul>
									</div>
									<!-- /btn-group -->
									<div class="btn-group">
										<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
										Dropup <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu" role="menu">
											<li>
												<a href="#">Action</a>
											</li>
											<li>
												<a href="#">Another action</a>
											</li>
											<li>
												<a href="#">Something else here</a>
											</li>
											<li class="divider">
											</li>
											<li>
												<a href="#">Separated link</a>
											</li>
										</ul>
									</div>
									<!-- /btn-group -->
								</div>
								<div class="btn-toolbar">
									<div class="btn-group">
										<button type="button" class="btn btn-info">Dropdown</button>
										<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true"><i class="fa fa-angle-down"></i></button>
										<ul class="dropdown-menu" role="menu">
											<li>
												<a href="#">Action</a>
											</li>
											<li>
												<a href="#">Another action</a>
											</li>
											<li>
												<a href="#">Something else here</a>
											</li>
											<li class="divider">
											</li>
											<li>
												<a href="#">Separated link</a>
											</li>
										</ul>
									</div>
									<!-- /btn-group -->
									<div class="btn-group dropup">
										<button type="button" class="btn btn-success">Dropup</button>
										<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
										<i class="fa fa-angle-up"></i></button>
										<ul class="dropdown-menu" role="menu">
											<li>
												<a href="#">Action</a>
											</li>
											<li>
												<a href="#">Another action</a>
											</li>
											<li>
												<a href="#">Something else here</a>
											</li>
											<li class="divider">
											</li>
											<li>
												<a href="#">Separated link</a>
											</li>
										</ul>
									</div>
									<!-- /btn-group -->
									<div class="btn-group">
										<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
										Dropdown <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu" role="menu">
											<li>
												<a href="#">Action</a>
											</li>
											<li>
												<a href="#">Another action</a>
											</li>
											<li>
												<a href="#">Something else here</a>
											</li>
											<li class="divider">
											</li>
											<li>
												<a href="#">Separated link</a>
											</li>
										</ul>
									</div>
									<!-- /btn-group -->
								</div>
							</div>
							<div class="clearfix">
								<h4 class="block">Dropdown with Checkboxes & Search Form</h4>
								<div class="btn-group">
									<button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown">
									Search Dropdown <i class="fa fa-angle-down"></i>
									</button>
									<div class="dropdown-menu dropdown-content input-large hold-on-click" role="menu">
										<form action="#">
											<div class="input-group">
												<input type="text" class="form-control" placeholder="search...">
												<span class="input-group-btn">
													<button class="btn blue" type="submit">Go!</button>
												</span>
											</div>
										</form>
									</div>
								</div>
								<div class="btn-group">
									<button type="button" class="btn btn-info">Dropdown</button>
									<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></button>
									<div class="dropdown-menu hold-on-click dropdown-checkboxes" role="menu">
										<label><input type="checkbox">Option 1</label>
										<label><input type="checkbox" checked>Option 2</label>
										<label><input type="checkbox">Option 3</label>
										<label><input type="checkbox" checked>Option 4</label>
										<label><input type="checkbox">Option 5</label>
									</div>
								</div>
								<!-- /btn-group -->
								<div class="btn-group dropup">
									<button type="button" class="btn btn-success">Dropup</button>
									<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-up"></i></button>
									<div class="dropdown-menu hold-on-click dropdown-checkboxes" role="menu">
										<label><input type="checkbox">Option 1</label>
										<label><input type="checkbox" checked>Option 2</label>
										<label><input type="checkbox">Option 3</label>
										<label><input type="checkbox" checked>Option 4</label>
										<label><input type="checkbox">Option 5</label>
									</div>
								</div>
								<!-- /btn-group -->
								<div class="clearfix margin-top-10">
									<span class="label label-success">
										 NOTE:
									</span>
									 &nbsp; By adding <code>hold-on-click</code> class you can avoid closing the dropdown on click
								</div>
							</div>
						</div>
						<!-- END DROPDOWNS PORTLET-->
					</div>
					<div class="portlet util-btn-group-margin-bottom-5">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-reorder"></i>
								<span class="hidden-480">
									 Button States
								</span>
							</div>
						</div>
						<div class="portlet-body">
							<h4>Loading State</h4>
							<div class="clearfix">
								<button type="button" data-loading-text="Loading..." class="demo-loading-btn btn btn-primary">
								Loading state </button>
								<button type="button" data-loading-text="Loading..." class="demo-loading-btn btn btn-default">
								Loading state </button>
								<button type="button" data-loading-text="Loading..." class="demo-loading-btn btn btn-danger">
								Loading state </button>
								<button type="button" data-loading-text="Loading..." class="demo-loading-btn btn btn-info">
								Loading state </button>
							</div>
							<h4>Single Toggle</h4>
							<div class="clearfix">
								<button type="button" class="btn btn-primary" data-toggle="button">
								Single toggle </button>
								<button type="button" class="btn btn-default" data-toggle="button">
								Single toggle </button>
								<button type="button" class="btn btn-danger" data-toggle="button">
								Single toggle </button>
								<button type="button" class="btn btn-info" data-toggle="button">
								Single toggle </button>
							</div>
							<h4>Checkbox</h4>
							<div class="clearfix">
								<div class="btn-group" data-toggle="buttons">
									<label class="btn btn-default active">
									<input type="checkbox" class="toggle"> Option 1 </label>
									<label class="btn btn-default">
									<input type="checkbox" class="toggle"> Option 2 </label>
									<label class="btn btn-default">
									<input type="checkbox" class="toggle"> Option 3 </label>
								</div>
							</div>
							<div class="clearfix">
								<div class="btn-group" data-toggle="buttons">
									<label class="btn btn-default">
									<input type="checkbox" class="toggle"> Option 1 </label>
									<label class="btn btn-default active">
									<input type="checkbox" class="toggle"> Option 2 </label>
									<label class="btn btn-default">
									<input type="checkbox" class="toggle"> Option 3 </label>
								</div>
							</div>
							<h4>Radio</h4>
							<div class="clearfix">
								<div class="btn-group" data-toggle="buttons">
									<label class="btn btn-info active">
									<input type="radio" class="toggle"> Option 1 </label>
									<label class="btn btn-info">
									<input type="radio" class="toggle"> Option 2 </label>
									<label class="btn btn-info">
									<input type="radio" class="toggle"> Option 3 </label>
								</div>
							</div>
							<div class="clearfix">
								<div class="btn-group" data-toggle="buttons">
									<label class="btn btn-default active">
									<input type="radio" class="toggle"> Option 1 </label>
									<label class="btn btn-default">
									<input type="radio" class="toggle"> Option 2 </label>
									<label class="btn btn-default">
									<input type="radio" class="toggle"> Option 3 </label>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<div class="tabbable tabbable-custom">
						<ul class="nav nav-tabs">
							<li class="active">
								<a href="#tab_1_1" data-toggle="tab">Font Awesome Icons</a>
							</li>
							<li>
								<a href="#tab_1_2" data-toggle="tab">Glyphicons</a>
							</li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active fontawesome-demo" id="tab_1_1">
								<div class="note note-success">
									<p>
										 Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. The complete set of 370 icons in Font Awesome 4.0.1
									</p>
								</div>
								<h3>10 New Icons in 4.0</h3>
								<div class="row margin-bottom-20">
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rub"></i> fa-rub
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-ruble"></i> fa-ruble
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rouble"></i> fa-rouble
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-pagelines"></i> fa-pagelines
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-stack-exchange"></i> fa-stack-exchange
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-toggle-left"></i> fa-toggle-left
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-wheelchair"></i> fa-wheelchair
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-vimeo-square"></i> fa-vimeo-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-try"></i> fa-try
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-turkish-lira"></i> fa-turkish-lira
										<span class="text-muted">
											 (alias)
										</span>
									</div>
								</div>
								<h3>Web Application Icons</h3>
								<div class="row margin-bottom-20">
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-adjust"></i> fa-adjust
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-anchor"></i> fa-anchor
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-archive"></i> fa-archive
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-asterisk"></i> fa-asterisk
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-ban"></i> fa-ban
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bar-chart-o"></i> fa-bar-chart-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-barcode"></i> fa-barcode
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-beer"></i> fa-beer
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bell"></i> fa-bell
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bell-o"></i> fa-bell-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bolt"></i> fa-bolt
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-book"></i> fa-book
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bookmark"></i> fa-bookmark
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bookmark-o"></i> fa-bookmark-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-briefcase"></i> fa-briefcase
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bug"></i> fa-bug
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-building"></i> fa-building
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bullhorn"></i> fa-bullhorn
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bullseye"></i> fa-bullseye
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-calendar"></i> fa-calendar
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-calendar-o"></i> fa-calendar-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-camera"></i> fa-camera
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-camera-retro"></i> fa-camera-retro
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-certificate"></i> fa-certificate
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-check"></i> fa-check
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-check-circle"></i> fa-check-circle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-check-circle-o"></i> fa-check-circle-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-check-square"></i> fa-check-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-check-square-o"></i> fa-check-square-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-circle"></i> fa-circle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-circle-o"></i> fa-circle-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-clock-o"></i> fa-clock-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-cloud"></i> fa-cloud
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-cloud-download"></i> fa-cloud-download
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-cloud-upload"></i> fa-cloud-upload
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-code"></i> fa-code
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-code-fork"></i> fa-code-fork
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-coffee"></i> fa-coffee
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-cog"></i> fa-cog
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-cogs"></i> fa-cogs
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-collapse-o"></i> fa-collapse-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-comment"></i> fa-comment
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-comment-o"></i> fa-comment-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-comments"></i> fa-comments
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-comments-o"></i> fa-comments-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-compass"></i> fa-compass
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-credit-card"></i> fa-credit-card
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-crop"></i> fa-crop
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-crosshairs"></i> fa-crosshairs
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-cutlery"></i> fa-cutlery
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-dashboard"></i> fa-dashboard
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-desktop"></i> fa-desktop
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-download"></i> fa-download
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-edit"></i> fa-edit
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-ellipsis-horizontal"></i> fa-ellipsis-horizontal
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-ellipsis-vertical"></i> fa-ellipsis-vertical
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-envelope"></i> fa-envelope
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-envelope-o"></i> fa-envelope-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-eraser"></i> fa-eraser
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-exchange"></i> fa-exchange
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-exclamation"></i> fa-exclamation
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-exclamation-circle"></i> fa-exclamation-circle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-expand-o"></i> fa-expand-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-external-link"></i> fa-external-link
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-external-link-square"></i> fa-external-link-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-eye"></i> fa-eye
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-eye-slash"></i> fa-eye-slash
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-female"></i> fa-female
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-fighter-jet"></i> fa-fighter-jet
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-film"></i> fa-film
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-filter"></i> fa-filter
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-fire"></i> fa-fire
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-flag"></i> fa-flag
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-flag-checkered"></i> fa-flag-checkered
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-flag-o"></i> fa-flag-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-flash"></i> fa-flash
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-flask"></i> fa-flask
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-folder"></i> fa-folder
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-folder-o"></i> fa-folder-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-folder-open"></i> fa-folder-open
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-folder-open-o"></i> fa-folder-open-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-frown-o"></i> fa-frown-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-gamepad"></i> fa-gamepad
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-gavel"></i> fa-gavel
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-gear"></i> fa-gear
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-gears"></i> fa-gears
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-gift"></i> fa-gift
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-glass"></i> fa-glass
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-globe"></i> fa-globe
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-group"></i> fa-group
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-hdd-o"></i> fa-hdd-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-headphones"></i> fa-headphones
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-heart"></i> fa-heart
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-heart-o"></i> fa-heart-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-home"></i> fa-home
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-inbox"></i> fa-inbox
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-info"></i> fa-info
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-info-circle"></i> fa-info-circle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-key"></i> fa-key
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-keyboard-o"></i> fa-keyboard-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-laptop"></i> fa-laptop
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-leaf"></i> fa-leaf
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-legal"></i> fa-legal
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-lemon-o"></i> fa-lemon-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-level-down"></i> fa-level-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-level-up"></i> fa-level-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-lightbulb-o"></i> fa-lightbulb-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-location-arrow"></i> fa-location-arrow
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-lock"></i> fa-lock
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-magic"></i> fa-magic
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-magnet"></i> fa-magnet
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-mail-forward"></i> fa-mail-forward
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-mail-reply"></i> fa-mail-reply
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-mail-reply-all"></i> fa-mail-reply-all
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-male"></i> fa-male
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-map-marker"></i> fa-map-marker
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-meh-o"></i> fa-meh-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-microphone"></i> fa-microphone
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-microphone-slash"></i> fa-microphone-slash
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-minus"></i> fa-minus
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-minus-circle"></i> fa-minus-circle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-minus-square"></i> fa-minus-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-minus-square-o"></i> fa-minus-square-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-mobile"></i> fa-mobile
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-mobile-phone"></i> fa-mobile-phone
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-money"></i> fa-money
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-moon-o"></i> fa-moon-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-move"></i> fa-move
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-music"></i> fa-music
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-pencil"></i> fa-pencil
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-pencil-square"></i> fa-pencil-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-pencil-square-o"></i> fa-pencil-square-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-phone"></i> fa-phone
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-phone-square"></i> fa-phone-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-picture-o"></i> fa-picture-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-plane"></i> fa-plane
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-plus"></i> fa-plus
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-plus-circle"></i> fa-plus-circle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-plus-square"></i> fa-plus-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-power-off"></i> fa-power-off
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-print"></i> fa-print
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-puzzle-piece"></i> fa-puzzle-piece
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-qrcode"></i> fa-qrcode
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-question"></i> fa-question
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-question-circle"></i> fa-question-circle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-quote-left"></i> fa-quote-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-quote-right"></i> fa-quote-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-random"></i> fa-random
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-refresh"></i> fa-refresh
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-reorder"></i> fa-reorder
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-reply"></i> fa-reply
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-reply-all"></i> fa-reply-all
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-resize-horizontal"></i> fa-resize-horizontal
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-resize-vertical"></i> fa-resize-vertical
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-retweet"></i> fa-retweet
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-road"></i> fa-road
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rocket"></i> fa-rocket
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rss"></i> fa-rss
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rss-square"></i> fa-rss-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-search"></i> fa-search
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-search-minus"></i> fa-search-minus
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-search-plus"></i> fa-search-plus
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-share"></i> fa-share
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-share-square"></i> fa-share-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-share-square-o"></i> fa-share-square-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-shield"></i> fa-shield
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-shopping-cart"></i> fa-shopping-cart
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sign-in"></i> fa-sign-in
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sign-out"></i> fa-sign-out
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-signal"></i> fa-signal
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sitemap"></i> fa-sitemap
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-smile-o"></i> fa-smile-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort"></i> fa-sort
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort-asc"></i> fa-sort-asc
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort-desc"></i> fa-sort-desc
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort-down"></i> fa-sort-down
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sort-up"></i> fa-sort-up
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-spinner"></i> fa-spinner
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-square"></i> fa-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-square-o"></i> fa-square-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-star"></i> fa-star
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-star-half"></i> fa-star-half
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-star-half-empty"></i> fa-star-half-empty
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-star-half-full"></i> fa-star-half-full
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-star-half-o"></i> fa-star-half-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-star-o"></i> fa-star-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-subscript"></i> fa-subscript
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-suitcase"></i> fa-suitcase
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-sun-o"></i> fa-sun-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-superscript"></i> fa-superscript
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-tablet"></i> fa-tablet
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-tachometer"></i> fa-tachometer
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-tag"></i> fa-tag
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-tags"></i> fa-tags
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-tasks"></i> fa-tasks
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-terminal"></i> fa-terminal
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-thumb-tack"></i> fa-thumb-tack
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-thumbs-down"></i> fa-thumbs-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-thumbs-up"></i> fa-thumbs-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-ticket"></i> fa-ticket
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-times"></i> fa-clock-o"s
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-clock-o" s-circle"></i> fa-clock-o"s-circle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-clock-o" s-circle-o"></i> fa-clock-o"s-circle-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-tint"></i> fa-tint
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-toggle-down"></i> fa-toggle-down
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-toggle-left"></i> fa-toggle-left
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-toggle-right"></i> fa-toggle-right
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-toggle-up"></i> fa-toggle-up
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-trash-o"></i> fa-trash-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-trophy"></i> fa-trophy
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-truck"></i> fa-truck
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-umbrella"></i> fa-umbrella
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-unlock"></i> fa-unlock
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-unlock-o"></i> fa-unlock-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-unsorted"></i> fa-unsorted
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-upload"></i> fa-upload
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-user"></i> fa-user
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-video-camera"></i> fa-video-camera
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-volume-down"></i> fa-volume-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-volume-off"></i> fa-volume-off
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-volume-up"></i> fa-volume-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-warning"></i> fa-warning
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-wheelchair"></i> fa-wheelchair
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-wrench"></i> fa-wrench
									</div>
								</div>
								<h3>Form Control Icons</h3>
								<div class="row margin-bottom-20">
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-check-square"></i> fa-check-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-check-square-o"></i> fa-check-square-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-circle"></i> fa-circle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-circle-o"></i> fa-circle-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-minus-square"></i> fa-minus-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-minus-square-o"></i> fa-minus-square-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-square"></i> fa-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-square-o"></i> fa-square-o
									</div>
								</div>
								<h3>Currency Icons</h3>
								<div class="row margin-bottom-20">
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bitcoin"></i> fa-bitcoin
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-btc"></i> fa-btc
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-cny"></i> fa-cny
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-dollar"></i> fa-dollar
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-eur"></i> fa-eur
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-euro"></i> fa-euro
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-gbp"></i> fa-gbp
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-inr"></i> fa-inr
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-jpy"></i> fa-jpy
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-krw"></i> fa-krw
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-money"></i> fa-money
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rmb"></i> fa-rmb
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rouble"></i> fa-rouble
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rub"></i> fa-rub
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-ruble"></i> fa-ruble
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rupee"></i> fa-rupee
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-try"></i> fa-try
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-turkish-lira"></i> fa-turkish-lira
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-usd"></i> fa-usd
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-won"></i> fa-won
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-yen"></i> fa-yen
										<span class="text-muted">
											 (alias)
										</span>
									</div>
								</div>
								<h3>Text Editor Icons</h3>
								<div class="row margin-bottom-20">
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-align-center"></i> fa-align-center
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-align-justify"></i> fa-align-justify
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-align-left"></i> fa-align-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-align-right"></i> fa-align-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bold"></i> fa-bold
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-chain"></i> fa-chain
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-chain-broken"></i> fa-chain-broken
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-clipboard"></i> fa-clipboard
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-columns"></i> fa-columns
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-copy"></i> fa-copy
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-cut"></i> fa-cut
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-dedent"></i> fa-dedent
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-eraser"></i> fa-eraser
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-file"></i> fa-file
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-file-o"></i> fa-file-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-file-text"></i> fa-file-text
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-file-text-o"></i> fa-file-text-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-files-o"></i> fa-files-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-floppy-o"></i> fa-floppy-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-font"></i> fa-font
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-indent"></i> fa-indent
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-italic"></i> fa-italic
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-link"></i> fa-link
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-list"></i> fa-list
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-list-alt"></i> fa-list-alt
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-list-ol"></i> fa-list-ol
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-list-ul"></i> fa-list-ul
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-outdent"></i> fa-outdent
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-paperclip"></i> fa-paperclip
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-paste"></i> fa-paste
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-repeat"></i> fa-repeat
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rotate-left"></i> fa-rotate-left
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-rotate-right"></i> fa-rotate-right
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-save"></i> fa-save
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-scissors"></i> fa-scissors
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-strikethrough"></i> fa-strikethrough
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-table"></i> fa-table
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-text-height"></i> fa-text-height
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-text-width"></i> fa-text-width
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-th"></i> fa-th
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-th-large"></i> fa-th-large
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-th-list"></i> fa-th-list
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-underline"></i> fa-underline
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-undo"></i> fa-undo
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-unlink"></i> fa-unlink
										<span class="text-muted">
											 (alias)
										</span>
									</div>
								</div>
								<h3>Directional Icons</h3>
								<div class="row margin-bottom-20">
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-angle-double-down"></i> fa-angle-double-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-angle-double-left"></i> fa-angle-double-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-angle-double-right"></i> fa-angle-double-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-angle-double-up"></i> fa-angle-double-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-angle-down"></i> fa-angle-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-angle-left"></i> fa-angle-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-angle-right"></i> fa-angle-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-angle-up"></i> fa-angle-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-down"></i> fa-arrow-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-left"></i> fa-arrow-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-right"></i> fa-arrow-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-arrow-up"></i> fa-arrow-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-down"></i> fa-caret-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-left"></i> fa-caret-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-right"></i> fa-caret-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-caret-up"></i> fa-caret-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-chevron-down"></i> fa-chevron-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-chevron-left"></i> fa-chevron-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-chevron-right"></i> fa-chevron-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-chevron-up"></i> fa-chevron-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-hand-o-down"></i> fa-hand-o-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-hand-o-left"></i> fa-hand-o-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-hand-o-right"></i> fa-hand-o-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-hand-o-up"></i> fa-hand-o-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-long-arrow-down"></i> fa-long-arrow-down
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-long-arrow-left"></i> fa-long-arrow-left
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-long-arrow-right"></i> fa-long-arrow-right
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-long-arrow-up"></i> fa-long-arrow-up
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-toggle-down"></i> fa-toggle-down
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-toggle-left"></i> fa-toggle-left
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-toggle-right"></i> fa-toggle-right
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-toggle-up"></i> fa-toggle-up
										<span class="text-muted">
											 (alias)
										</span>
									</div>
								</div>
								<h3>Video Player Icons</h3>
								<div class="row margin-bottom-20">
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-backward"></i> fa-backward
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-eject"></i> fa-eject
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-fast-backward"></i> fa-fast-backward
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-fast-forward"></i> fa-fast-forward
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-forward"></i> fa-forward
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-fullscreen"></i> fa-fullscreen
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-pause"></i> fa-pause
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-play"></i> fa-play
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-play-circle"></i> fa-play-circle
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-play-circle-o"></i> fa-play-circle-o
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-resize-full"></i> fa-resize-full
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-resize-small"></i> fa-resize-small
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-step-backward"></i> fa-step-backward
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-step-forward"></i> fa-step-forward
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-stop"></i> fa-stop
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-youtube-play"></i> fa-youtube-play
									</div>
								</div>
								<h3>Brand Icons</h3>
								<div class="alert alert-success">
									<ul class="margin-bottom-none padding-left-lg">
										<li>
											 All brand icons are trademarks of their respective owners.
										</li>
										<li>
											 The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.
										</li>
									</ul>
								</div>
								<div class="row margin-bottom-20">
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-adn"></i> fa-adn
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-android"></i> fa-android
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-apple"></i> fa-apple
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bitbucket"></i> fa-bitbucket
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bitbucket-square"></i> fa-bitbucket-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-bitcoin"></i> fa-bitcoin
										<span class="text-muted">
											 (alias)
										</span>
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-btc"></i> fa-btc
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-css3"></i> fa-css3
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-dribbble"></i> fa-dribbble
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-dropbox"></i> fa-dropbox
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-facebook"></i> fa-facebook
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-facebook-square"></i> fa-facebook-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-flickr"></i> fa-flickr
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-foursquare"></i> fa-foursquare
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-github"></i> fa-github
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-github-alt"></i> fa-github-alt
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-github-square"></i> fa-github-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-gittip"></i> fa-gittip
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-google-plus"></i> fa-google-plus
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-google-plus-square"></i> fa-google-plus-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-html5"></i> fa-html5
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-instagram"></i> fa-instagram
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-linkedin"></i> fa-linkedin
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-linkedin-square"></i> fa-linkedin-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-linux"></i> fa-linux
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-maxcdn"></i> fa-maxcdn
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-pagelines"></i> fa-pagelines
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-pinterest"></i> fa-pinterest
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-pinterest-square"></i> fa-pinterest-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-renren"></i> fa-renren
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-skype"></i> fa-skype
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-stack-exchange"></i> fa-stack-exchange
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-stack-overflow"></i> fa-stack-overflow
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-trello"></i> fa-trello
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-tumblr"></i> fa-tumblr
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-tumblr-square"></i> fa-tumblr-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-twitter"></i> fa-twitter
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-twitter-square"></i> fa-twitter-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-vimeo-square"></i> fa-vimeo-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-vk"></i> fa-vk
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-weibo"></i> fa-weibo
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-windows"></i> fa-windows
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-xing"></i> fa-xing
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-xing-square"></i> fa-xing-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-youtube"></i> fa-youtube
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-youtube-play"></i> fa-youtube-play
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-youtube-square"></i> fa-youtube-square
									</div>
								</div>
								<h3>Medical Icons</h3>
								<div class="row margin-bottom-20">
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-ambulance"></i> fa-ambulance
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-h-square"></i> fa-h-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-hospital"></i> fa-hospital
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-medkit"></i> fa-medkit
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-plus-square"></i> fa-plus-square
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-stethoscope"></i> fa-stethoscope
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-user-md"></i> fa-user-md
									</div>
									<div class="fa-item col-md-3 col-sm-4">
										<i class="fa fa-wheelchair"></i> fa-wheelchair
									</div>
								</div>
							</div>
							<div class="tab-pane glyphicons-demo" id="tab_1_2">
								<div class="note note-success">
									<p>
										 Includes 180 glyphs in font format from the Glyphicon Halflings set. Glyphs scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
									</p>
								</div>
								<ul class="list-unstyled1">
									<li>
										<span class="glyphicon glyphicon-adjust">
										</span>
										 .glyphicon .glyphicon-adjust
									</li>
									<li>
										<span class="glyphicon glyphicon-align-center">
										</span>
										 .glyphicon .glyphicon-align-center
									</li>
									<li>
										<span class="glyphicon glyphicon-align-justify">
										</span>
										 .glyphicon .glyphicon-align-justify
									</li>
									<li>
										<span class="glyphicon glyphicon-align-left">
										</span>
										 .glyphicon .glyphicon-align-left
									</li>
									<li>
										<span class="glyphicon glyphicon-align-right">
										</span>
										 .glyphicon .glyphicon-align-right
									</li>
									<li>
										<span class="glyphicon glyphicon-arrow-down">
										</span>
										 .glyphicon .glyphicon-arrow-down
									</li>
									<li>
										<span class="glyphicon glyphicon-arrow-left">
										</span>
										 .glyphicon .glyphicon-arrow-left
									</li>
									<li>
										<span class="glyphicon glyphicon-arrow-right">
										</span>
										 .glyphicon .glyphicon-arrow-right
									</li>
									<li>
										<span class="glyphicon glyphicon-arrow-up">
										</span>
										 .glyphicon .glyphicon-arrow-up
									</li>
									<li>
										<span class="glyphicon glyphicon-asterisk">
										</span>
										 .glyphicon .glyphicon-asterisk
									</li>
									<li>
										<span class="glyphicon glyphicon-backward">
										</span>
										 .glyphicon .glyphicon-backward
									</li>
									<li>
										<span class="glyphicon glyphfa-ban">
										</span>
										 .glyphicon .glyphfa-ban
									</li>
									<li>
										<span class="glyphicon glyphicon-barcode">
										</span>
										 .glyphicon .glyphicon-barcode
									</li>
									<li>
										<span class="glyphicon glyphicon-bell">
										</span>
										 .glyphicon .glyphicon-bell
									</li>
									<li>
										<span class="glyphicon glyphicon-bold">
										</span>
										 .glyphicon .glyphicon-bold
									</li>
									<li>
										<span class="glyphicon glyphicon-book">
										</span>
										 .glyphicon .glyphicon-book
									</li>
									<li>
										<span class="glyphicon glyphicon-bookmark">
										</span>
										 .glyphicon .glyphicon-bookmark
									</li>
									<li>
										<span class="glyphicon glyphicon-briefcase">
										</span>
										 .glyphicon .glyphicon-briefcase
									</li>
									<li>
										<span class="glyphicon glyphicon-bullhorn">
										</span>
										 .glyphicon .glyphicon-bullhorn
									</li>
									<li>
										<span class="glyphicon glyphicon-calendar">
										</span>
										 .glyphicon .glyphicon-calendar
									</li>
									<li>
										<span class="glyphicon glyphicon-camera">
										</span>
										 .glyphicon .glyphicon-camera
									</li>
									<li>
										<span class="glyphicon glyphicon-certificate">
										</span>
										 .glyphicon .glyphicon-certificate
									</li>
									<li>
										<span class="glyphicon glyphicon-check">
										</span>
										 .glyphicon .glyphicon-check
									</li>
									<li>
										<span class="glyphicon glyphicon-chevron-down">
										</span>
										 .glyphicon .glyphicon-chevron-down
									</li>
									<li>
										<span class="glyphicon glyphicon-chevron-left">
										</span>
										 .glyphicon .glyphicon-chevron-left
									</li>
									<li>
										<span class="glyphicon glyphicon-chevron-right">
										</span>
										 .glyphicon .glyphicon-chevron-right
									</li>
									<li>
										<span class="glyphicon glyphicon-chevron-up">
										</span>
										 .glyphicon .glyphicon-chevron-up
									</li>
									<li>
										<span class="glyphicon glyphicon-circle-arrow-down">
										</span>
										 .glyphicon .glyphicon-circle-arrow-down
									</li>
									<li>
										<span class="glyphicon glyphicon-circle-arrow-left">
										</span>
										 .glyphicon .glyphicon-circle-arrow-left
									</li>
									<li>
										<span class="glyphicon glyphicon-circle-arrow-right">
										</span>
										 .glyphicon .glyphicon-circle-arrow-right
									</li>
									<li>
										<span class="glyphicon glyphicon-circle-arrow-up">
										</span>
										 .glyphicon .glyphicon-circle-arrow-up
									</li>
									<li>
										<span class="glyphicon glyphicon-cloud">
										</span>
										 .glyphicon .glyphicon-cloud
									</li>
									<li>
										<span class="glyphicon glyphicon-cloud-download">
										</span>
										 .glyphicon .glyphicon-cloud-download
									</li>
									<li>
										<span class="glyphicon glyphicon-cloud-upload">
										</span>
										 .glyphicon .glyphicon-cloud-upload
									</li>
									<li>
										<span class="glyphicon glyphicon-cog">
										</span>
										 .glyphicon .glyphicon-cog
									</li>
									<li>
										<span class="glyphicon glyphicon-collapse-down">
										</span>
										 .glyphicon .glyphicon-collapse-down
									</li>
									<li>
										<span class="glyphicon glyphicon-collapse-up">
										</span>
										 .glyphicon .glyphicon-collapse-up
									</li>
									<li>
										<span class="glyphicon glyphicon-comment">
										</span>
										 .glyphicon .glyphicon-comment
									</li>
									<li>
										<span class="glyphicon glyphicon-compressed">
										</span>
										 .glyphicon .glyphicon-compressed
									</li>
									<li>
										<span class="glyphicon glyphicon-copyright-mark">
										</span>
										 .glyphicon .glyphicon-copyright-mark
									</li>
									<li>
										<span class="glyphicon glyphicon-credit-card">
										</span>
										 .glyphicon .glyphicon-credit-card
									</li>
									<li>
										<span class="glyphicon glyphicon-cutlery">
										</span>
										 .glyphicon .glyphicon-cutlery
									</li>
									<li>
										<span class="glyphicon glyphicon-dashboard">
										</span>
										 .glyphicon .glyphicon-dashboard
									</li>
									<li>
										<span class="glyphicon glyphicon-download">
										</span>
										 .glyphicon .glyphicon-download
									</li>
									<li>
										<span class="glyphicon glyphicon-download-alt">
										</span>
										 .glyphicon .glyphicon-download-alt
									</li>
									<li>
										<span class="glyphicon glyphicon-earphone">
										</span>
										 .glyphicon .glyphicon-earphone
									</li>
									<li>
										<span class="glyphicon glyphicon-edit">
										</span>
										 .glyphicon .glyphicon-edit
									</li>
									<li>
										<span class="glyphicon glyphicon-eject">
										</span>
										 .glyphicon .glyphicon-eject
									</li>
									<li>
										<span class="glyphicon glyphicon-envelope">
										</span>
										 .glyphicon .glyphicon-envelope
									</li>
									<li>
										<span class="glyphicon glyphicon-euro">
										</span>
										 .glyphicon .glyphicon-euro
									</li>
									<li>
										<span class="glyphicon glyphicon-exclamation-sign">
										</span>
										 .glyphicon .glyphicon-exclamation-sign
									</li>
									<li>
										<span class="glyphicon glyphicon-expand">
										</span>
										 .glyphicon .glyphicon-expand
									</li>
									<li>
										<span class="glyphicon glyphicon-export">
										</span>
										 .glyphicon .glyphicon-export
									</li>
									<li>
										<span class="glyphicon glyphicon-eye-close">
										</span>
										 .glyphicon .glyphicon-eye-close
									</li>
									<li>
										<span class="glyphicon glyphicon-eye-open">
										</span>
										 .glyphicon .glyphicon-eye-open
									</li>
									<li>
										<span class="glyphicon glyphicon-facetime-video">
										</span>
										 .glyphicon .glyphicon-facetime-video
									</li>
									<li>
										<span class="glyphicon glyphicon-fast-backward">
										</span>
										 .glyphicon .glyphicon-fast-backward
									</li>
									<li>
										<span class="glyphicon glyphicon-fast-forward">
										</span>
										 .glyphicon .glyphicon-fast-forward
									</li>
									<li>
										<span class="glyphicon glyphicon-file">
										</span>
										 .glyphicon .glyphicon-file
									</li>
									<li>
										<span class="glyphicon glyphicon-film">
										</span>
										 .glyphicon .glyphicon-film
									</li>
									<li>
										<span class="glyphicon glyphicon-filter">
										</span>
										 .glyphicon .glyphicon-filter
									</li>
									<li>
										<span class="glyphicon glyphicon-fire">
										</span>
										 .glyphicon .glyphicon-fire
									</li>
									<li>
										<span class="glyphicon glyphicon-flag">
										</span>
										 .glyphicon .glyphicon-flag
									</li>
									<li>
										<span class="glyphicon glyphicon-flash">
										</span>
										 .glyphicon .glyphicon-flash
									</li>
									<li>
										<span class="glyphicon glyphicon-floppy-disk">
										</span>
										 .glyphicon .glyphicon-floppy-disk
									</li>
									<li>
										<span class="glyphicon glyphicon-floppy-open">
										</span>
										 .glyphicon .glyphicon-floppy-open
									</li>
									<li>
										<span class="glyphicon glyphicon-floppy-remove">
										</span>
										 .glyphicon .glyphicon-floppy-remove
									</li>
									<li>
										<span class="glyphicon glyphicon-floppy-save">
										</span>
										 .glyphicon .glyphicon-floppy-save
									</li>
									<li>
										<span class="glyphicon glyphicon-floppy-saved">
										</span>
										 .glyphicon .glyphicon-floppy-saved
									</li>
									<li>
										<span class="glyphicon glyphicon-folder-close">
										</span>
										 .glyphicon .glyphicon-folder-close
									</li>
									<li>
										<span class="glyphicon glyphicon-folder-open">
										</span>
										 .glyphicon .glyphicon-folder-open
									</li>
									<li>
										<span class="glyphicon glyphicon-font">
										</span>
										 .glyphicon .glyphicon-font
									</li>
									<li>
										<span class="glyphicon glyphicon-forward">
										</span>
										 .glyphicon .glyphicon-forward
									</li>
									<li>
										<span class="glyphicon glyphicon-fullscreen">
										</span>
										 .glyphicon .glyphicon-fullscreen
									</li>
									<li>
										<span class="glyphicon glyphicon-gbp">
										</span>
										 .glyphicon .glyphicon-gbp
									</li>
									<li>
										<span class="glyphicon glyphicon-gift">
										</span>
										 .glyphicon .glyphicon-gift
									</li>
									<li>
										<span class="glyphicon glyphicon-glass">
										</span>
										 .glyphicon .glyphicon-glass
									</li>
									<li>
										<span class="glyphicon glyphicon-globe">
										</span>
										 .glyphicon .glyphicon-globe
									</li>
									<li>
										<span class="glyphicon glyphicon-hand-down">
										</span>
										 .glyphicon .glyphicon-hand-down
									</li>
									<li>
										<span class="glyphicon glyphicon-hand-left">
										</span>
										 .glyphicon .glyphicon-hand-left
									</li>
									<li>
										<span class="glyphicon glyphicon-hand-right">
										</span>
										 .glyphicon .glyphicon-hand-right
									</li>
									<li>
										<span class="glyphicon glyphicon-hand-up">
										</span>
										 .glyphicon .glyphicon-hand-up
									</li>
									<li>
										<span class="glyphicon glyphicon-hd-video">
										</span>
										 .glyphicon .glyphicon-hd-video
									</li>
									<li>
										<span class="glyphicon glyphicon-hdd">
										</span>
										 .glyphicon .glyphicon-hdd
									</li>
									<li>
										<span class="glyphicon glyphicon-header">
										</span>
										 .glyphicon .glyphicon-header
									</li>
									<li>
										<span class="glyphicon glyphicon-headphones">
										</span>
										 .glyphicon .glyphicon-headphones
									</li>
									<li>
										<span class="glyphicon glyphicon-heart">
										</span>
										 .glyphicon .glyphicon-heart
									</li>
									<li>
										<span class="glyphicon glyphicon-heart-empty">
										</span>
										 .glyphicon .glyphicon-heart-empty
									</li>
									<li>
										<span class="glyphicon glyphicon-home">
										</span>
										 .glyphicon .glyphicon-home
									</li>
									<li>
										<span class="glyphicon glyphicon-import">
										</span>
										 .glyphicon .glyphicon-import
									</li>
									<li>
										<span class="glyphicon glyphicon-inbox">
										</span>
										 .glyphicon .glyphicon-inbox
									</li>
									<li>
										<span class="glyphicon glyphicon-indent-left">
										</span>
										 .glyphicon .glyphicon-indent-left
									</li>
									<li>
										<span class="glyphicon glyphicon-indent-right">
										</span>
										 .glyphicon .glyphicon-indent-right
									</li>
									<li>
										<span class="glyphicon glyphicon-info-sign">
										</span>
										 .glyphicon .glyphicon-info-sign
									</li>
									<li>
										<span class="glyphicon glyphicon-italic">
										</span>
										 .glyphicon .glyphicon-italic
									</li>
									<li>
										<span class="glyphicon glyphicon-leaf">
										</span>
										 .glyphicon .glyphicon-leaf
									</li>
									<li>
										<span class="glyphicon glyphicon-link">
										</span>
										 .glyphicon .glyphicon-link
									</li>
									<li>
										<span class="glyphicon glyphicon-list">
										</span>
										 .glyphicon .glyphicon-list
									</li>
									<li>
										<span class="glyphicon glyphicon-list-alt">
										</span>
										 .glyphicon .glyphicon-list-alt
									</li>
									<li>
										<span class="glyphicon glyphicon-lock">
										</span>
										 .glyphicon .glyphicon-lock
									</li>
									<li>
										<span class="glyphicon glyphicon-log-in">
										</span>
										 .glyphicon .glyphicon-log-in
									</li>
									<li>
										<span class="glyphicon glyphicon-log-out">
										</span>
										 .glyphicon .glyphicon-log-out
									</li>
									<li>
										<span class="glyphicon glyphicon-magnet">
										</span>
										 .glyphicon .glyphicon-magnet
									</li>
									<li>
										<span class="glyphicon glyphicon-map-marker">
										</span>
										 .glyphicon .glyphicon-map-marker
									</li>
									<li>
										<span class="glyphicon glyphicon-minus">
										</span>
										 .glyphicon .glyphicon-minus
									</li>
									<li>
										<span class="glyphicon glyphicon-minus-sign">
										</span>
										 .glyphicon .glyphicon-minus-sign
									</li>
									<li>
										<span class="glyphicon glyphicon-move">
										</span>
										 .glyphicon .glyphicon-move
									</li>
									<li>
										<span class="glyphicon glyphicon-music">
										</span>
										 .glyphicon .glyphicon-music
									</li>
									<li>
										<span class="glyphicon glyphicon-new-window">
										</span>
										 .glyphicon .glyphicon-new-window
									</li>
									<li>
										<span class="glyphicon glyphicon-off">
										</span>
										 .glyphicon .glyphicon-off
									</li>
									<li>
										<span class="glyphicon glyphicon-ok">
										</span>
										 .glyphicon .glyphicon-ok
									</li>
									<li>
										<span class="glyphicon glyphicon-ok-circle">
										</span>
										 .glyphicon .glyphicon-ok-circle
									</li>
									<li>
										<span class="glyphicon glyphicon-ok-sign">
										</span>
										 .glyphicon .glyphicon-ok-sign
									</li>
									<li>
										<span class="glyphicon glyphicon-open">
										</span>
										 .glyphicon .glyphicon-open
									</li>
									<li>
										<span class="glyphicon glyphicon-paperclip">
										</span>
										 .glyphicon .glyphicon-paperclip
									</li>
									<li>
										<span class="glyphicon glyphicon-pause">
										</span>
										 .glyphicon .glyphicon-pause
									</li>
									<li>
										<span class="glyphicon glyphicon-pencil">
										</span>
										 .glyphicon .glyphicon-pencil
									</li>
									<li>
										<span class="glyphicon glyphicon-phone">
										</span>
										 .glyphicon .glyphicon-phone
									</li>
									<li>
										<span class="glyphicon glyphicon-phone-alt">
										</span>
										 .glyphicon .glyphicon-phone-alt
									</li>
									<li>
										<span class="glyphicon glyphicon-picture">
										</span>
										 .glyphicon .glyphicon-picture
									</li>
									<li>
										<span class="glyphicon glyphicon-plane">
										</span>
										 .glyphicon .glyphicon-plane
									</li>
									<li>
										<span class="glyphicon glyphicon-play">
										</span>
										 .glyphicon .glyphicon-play
									</li>
									<li>
										<span class="glyphicon glyphicon-play-circle">
										</span>
										 .glyphicon .glyphicon-play-circle
									</li>
									<li>
										<span class="glyphicon glyphicon-plus">
										</span>
										 .glyphicon .glyphicon-plus
									</li>
									<li>
										<span class="glyphicon glyphicon-plus-sign">
										</span>
										 .glyphicon .glyphicon-plus-sign
									</li>
									<li>
										<span class="glyphicon glyphicon-print">
										</span>
										 .glyphicon .glyphicon-print
									</li>
									<li>
										<span class="glyphicon glyphicon-pushpin">
										</span>
										 .glyphicon .glyphicon-pushpin
									</li>
									<li>
										<span class="glyphicon glyphicon-qrcode">
										</span>
										 .glyphicon .glyphicon-qrcode
									</li>
									<li>
										<span class="glyphicon glyphicon-question-sign">
										</span>
										 .glyphicon .glyphicon-question-sign
									</li>
									<li>
										<span class="glyphicon glyphicon-random">
										</span>
										 .glyphicon .glyphicon-random
									</li>
									<li>
										<span class="glyphicon glyphicon-record">
										</span>
										 .glyphicon .glyphicon-record
									</li>
									<li>
										<span class="glyphicon glyphicon-refresh">
										</span>
										 .glyphicon .glyphicon-refresh
									</li>
									<li>
										<span class="glyphicon glyphicon-registration-mark">
										</span>
										 .glyphicon .glyphicon-registration-mark
									</li>
									<li>
										<span class="glyphicon glyphfa fa-clock-o" s"">
										</span>
										 .glyphicon .glyphfa fa-clock-o"s"
									</li>
									<li>
										<span class="glyphicon glyphfa fa-clock-o" s"-circle">
										</span>
										 .glyphicon .glyphfa fa-clock-o"s"-circle
									</li>
									<li>
										<span class="glyphicon glyphfa fa-clock-o" s"-sign">
										</span>
										 .glyphicon .glyphfa fa-clock-o"s"-sign
									</li>
									<li>
										<span class="glyphicon glyphicon-repeat">
										</span>
										 .glyphicon .glyphicon-repeat
									</li>
									<li>
										<span class="glyphicon glyphicon-resize-full">
										</span>
										 .glyphicon .glyphicon-resize-full
									</li>
									<li>
										<span class="glyphicon glyphicon-resize-horizontal">
										</span>
										 .glyphicon .glyphicon-resize-horizontal
									</li>
									<li>
										<span class="glyphicon glyphicon-resize-small">
										</span>
										 .glyphicon .glyphicon-resize-small
									</li>
									<li>
										<span class="glyphicon glyphicon-resize-vertical">
										</span>
										 .glyphicon .glyphicon-resize-vertical
									</li>
									<li>
										<span class="glyphicon glyphicon-retweet">
										</span>
										 .glyphicon .glyphicon-retweet
									</li>
									<li>
										<span class="glyphicon glyphicon-road">
										</span>
										 .glyphicon .glyphicon-road
									</li>
									<li>
										<span class="glyphicon glyphicon-save">
										</span>
										 .glyphicon .glyphicon-save
									</li>
									<li>
										<span class="glyphicon glyphicon-saved">
										</span>
										 .glyphicon .glyphicon-saved
									</li>
									<li>
										<span class="glyphicon glyphicon-screenshot">
										</span>
										 .glyphicon .glyphicon-screenshot
									</li>
									<li>
										<span class="glyphicon glyphicon-sd-video">
										</span>
										 .glyphicon .glyphicon-sd-video
									</li>
									<li>
										<span class="glyphicon glyphicon-search">
										</span>
										 .glyphicon .glyphicon-search
									</li>
									<li>
										<span class="glyphicon glyphicon-send">
										</span>
										 .glyphicon .glyphicon-send
									</li>
									<li>
										<span class="glyphicon glyphicon-share">
										</span>
										 .glyphicon .glyphicon-share
									</li>
									<li>
										<span class="glyphicon glyphicon-share-alt">
										</span>
										 .glyphicon .glyphicon-share-alt
									</li>
									<li>
										<span class="glyphicon glyphicon-shopping-cart">
										</span>
										 .glyphicon .glyphicon-shopping-cart
									</li>
									<li>
										<span class="glyphicon glyphicon-signal">
										</span>
										 .glyphicon .glyphicon-signal
									</li>
									<li>
										<span class="glyphicon glyphicon-sort">
										</span>
										 .glyphicon .glyphicon-sort
									</li>
									<li>
										<span class="glyphicon glyphicon-sort-by-alphabet">
										</span>
										 .glyphicon .glyphicon-sort-by-alphabet
									</li>
									<li>
										<span class="glyphicon glyphicon-sort-by-alphabet-alt">
										</span>
										 .glyphicon .glyphicon-sort-by-alphabet-alt
									</li>
									<li>
										<span class="glyphicon glyphicon-sort-by-attributes">
										</span>
										 .glyphicon .glyphicon-sort-by-attributes
									</li>
									<li>
										<span class="glyphicon glyphicon-sort-by-attributes-alt">
										</span>
										 .glyphicon .glyphicon-sort-by-attributes-alt
									</li>
									<li>
										<span class="glyphicon glyphicon-sort-by-order">
										</span>
										 .glyphicon .glyphicon-sort-by-order
									</li>
									<li>
										<span class="glyphicon glyphicon-sort-by-order-alt">
										</span>
										 .glyphicon .glyphicon-sort-by-order-alt
									</li>
									<li>
										<span class="glyphicon glyphicon-sound-5-1">
										</span>
										 .glyphicon .glyphicon-sound-5-1
									</li>
									<li>
										<span class="glyphicon glyphicon-sound-6-1">
										</span>
										 .glyphicon .glyphicon-sound-6-1
									</li>
									<li>
										<span class="glyphicon glyphicon-sound-7-1">
										</span>
										 .glyphicon .glyphicon-sound-7-1
									</li>
									<li>
										<span class="glyphicon glyphicon-sound-dolby">
										</span>
										 .glyphicon .glyphicon-sound-dolby
									</li>
									<li>
										<span class="glyphicon glyphicon-sound-stereo">
										</span>
										 .glyphicon .glyphicon-sound-stereo
									</li>
									<li>
										<span class="glyphicon glyphicon-star">
										</span>
										 .glyphicon .glyphicon-star
									</li>
									<li>
										<span class="glyphicon glyphicon-star-empty">
										</span>
										 .glyphicon .glyphicon-star-empty
									</li>
									<li>
										<span class="glyphicon glyphicon-stats">
										</span>
										 .glyphicon .glyphicon-stats
									</li>
									<li>
										<span class="glyphicon glyphicon-step-backward">
										</span>
										 .glyphicon .glyphicon-step-backward
									</li>
									<li>
										<span class="glyphicon glyphicon-step-forward">
										</span>
										 .glyphicon .glyphicon-step-forward
									</li>
									<li>
										<span class="glyphicon glyphicon-stop">
										</span>
										 .glyphicon .glyphicon-stop
									</li>
									<li>
										<span class="glyphicon glyphicon-subtitles">
										</span>
										 .glyphicon .glyphicon-subtitles
									</li>
									<li>
										<span class="glyphicon glyphicon-tag">
										</span>
										 .glyphicon .glyphicon-tag
									</li>
									<li>
										<span class="glyphicon glyphicon-tags">
										</span>
										 .glyphicon .glyphicon-tags
									</li>
									<li>
										<span class="glyphicon glyphicon-tasks">
										</span>
										 .glyphicon .glyphicon-tasks
									</li>
									<li>
										<span class="glyphicon glyphicon-text-height">
										</span>
										 .glyphicon .glyphicon-text-height
									</li>
									<li>
										<span class="glyphicon glyphicon-text-width">
										</span>
										 .glyphicon .glyphicon-text-width
									</li>
									<li>
										<span class="glyphicon glyphicon-th">
										</span>
										 .glyphicon .glyphicon-th
									</li>
									<li>
										<span class="glyphicon glyphicon-th-large">
										</span>
										 .glyphicon .glyphicon-th-large
									</li>
									<li>
										<span class="glyphicon glyphicon-th-list">
										</span>
										 .glyphicon .glyphicon-th-list
									</li>
									<li>
										<span class="glyphicon glyphicon-thumbs-down">
										</span>
										 .glyphicon .glyphicon-thumbs-down
									</li>
									<li>
										<span class="glyphicon glyphicon-thumbs-up">
										</span>
										 .glyphicon .glyphicon-thumbs-up
									</li>
									<li>
										<span class="glyphicon glyphicon-time">
										</span>
										 .glyphicon .glyphicon-time
									</li>
									<li>
										<span class="glyphicon glyphicon-tint">
										</span>
										 .glyphicon .glyphicon-tint
									</li>
									<li>
										<span class="glyphicon glyphicon-tower">
										</span>
										 .glyphicon .glyphicon-tower
									</li>
									<li>
										<span class="glyphicon glyphicon-transfer">
										</span>
										 .glyphicon .glyphicon-transfer
									</li>
									<li>
										<span class="glyphicon glyphicon-trash">
										</span>
										 .glyphicon .glyphicon-trash
									</li>
									<li>
										<span class="glyphicon glyphicon-tree-conifer">
										</span>
										 .glyphicon .glyphicon-tree-conifer
									</li>
									<li>
										<span class="glyphicon glyphicon-tree-deciduous">
										</span>
										 .glyphicon .glyphicon-tree-deciduous
									</li>
									<li>
										<span class="glyphicon glyphicon-unchecked">
										</span>
										 .glyphicon .glyphicon-unchecked
									</li>
									<li>
										<span class="glyphicon glyphicon-upload">
										</span>
										 .glyphicon .glyphicon-upload
									</li>
									<li>
										<span class="glyphicon glyphicon-usd">
										</span>
										 .glyphicon .glyphicon-usd
									</li>
									<li>
										<span class="glyphicon glyphicon-user">
										</span>
										 .glyphicon .glyphicon-user
									</li>
									<li>
										<span class="glyphicon glyphicon-volume-down">
										</span>
										 .glyphicon .glyphicon-volume-down
									</li>
									<li>
										<span class="glyphicon glyphicon-volume-off">
										</span>
										 .glyphicon .glyphicon-volume-off
									</li>
									<li>
										<span class="glyphicon glyphicon-volume-up">
										</span>
										 .glyphicon .glyphicon-volume-up
									</li>
									<li>
										<span class="glyphicon glyphicon-warning-sign">
										</span>
										 .glyphicon .glyphicon-warning-sign
									</li>
									<li>
										<span class="glyphicon glyphicon-wrench">
										</span>
										 .glyphicon .glyphicon-wrench
									</li>
									<li>
										<span class="glyphicon glyphicon-zoom-in">
										</span>
										 .glyphicon .glyphicon-zoom-in
									</li>
									<li>
										<span class="glyphicon glyphicon-zoom-out">
										</span>
										 .glyphicon .glyphicon-zoom-out
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- END PAGE CONTENT-->
		</div>
		<!-- END CONTAINER -->
		<!-- BEGIN FOOTER -->
		<div class="footer">
			<div class="footer-inner">
				 2013 &copy; Conquer by keenthemes.
			</div>
			<div class="footer-tools">
				<span class="go-top">
					<i class="fa fa-angle-up"></i>
				</span>
			</div>
		</div>
		<!-- END FOOTER -->
		<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		<!-- BEGIN CORE PLUGINS -->
		<!--[if lt IE 9]>
<script src="assets/plugins/respond.min.js"></script>
<script src="assets/plugins/excanvas.min.js"></script> 
<![endif]-->
		<script src="assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
		<script src="assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
		<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		<script src="assets/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
		<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		<script src="assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		<script src="assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		<script src="assets/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		<script src="assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		<!-- END CORE PLUGINS -->
		<!-- BEGIN PAGE LEVEL SCRIPTS -->
		<script src="assets/scripts/app.js"></script>
		<!-- END PAGE LEVEL SCRIPTS -->
		<script>
jQuery(document).ready(function() {       
    // initiate layout and plugins
    App.init();
    // button state demo
    $('.demo-loading-btn')
      .click(function () {
        var btn = $(this)
        btn.button('loading')
        setTimeout(function () {
          btn.button('reset')
        }, 3000)
    });
});
		</script>
		</body>
		<!-- END BODY -->
		</html>